How to create a landing page on the fly without the need to develop

[dessireugarte]

My Request

An article for marketers or content managers explaining, if Strapi is set up properly, how an individual from the content team can create a new landing page from scratch using components in the dynamic zone

Community vote 👍 Upvote if you like this topic 🚀 If you can make the article/video!

Thank you.

[femakin]

Please can I work on this ?

[dessireugarte]

Hello @femakin 👋 If this is your first article, can you please register your author details here by filling out the form? Then please scroll to the FAQ section and review the article guidelines, how to submit an article, issue an invoice, and get paid. Before getting started, can you provide an outline of what you were thinking of covering?

[dessireugarte]

Hello @femakin 👋 Are you still interested in writing this article?

[femakin]

I couldn't get a better material/Resources on the Topic

[dessireugarte]

Ok, thanks @femakin

[jasminetracey]

@dessireugarte would this article be an improvement on https://strapi.io/blog/how-to-create-pages-on-the-fly-with-dynamic-zone?

[PaulBratslavsky]

@jasminetracey great question. The previous article was done using v3 using the v3 Food Advisor app. So that needs to be updated too.

But for this particular issue, we are looking for someone to write about how to structure content on the front end using a landing page example.

For instance, how would you structure your strapi content to populate this landing page https://demo.web3canvas.com/themeforest/mediclick/yoga.html

You can accomplish this by using things like Dynamic zones, components, and repeatable components. So that is what we would like to highlight.

Let me know if you have additional questions.

[PaulBratslavsky]

@femakin here is a good resource to get started https://docs.strapi.io/user-docs/latest/content-manager/writing-content.html#filling-up-fields I would suggest going through it first and trying it in Strapi.

[dessireugarte]

As Paul said @jasminetracey. This is a resource for content managers, and the objective is after Strapi is set up, they can create a landing page without the need for coding or the help of a developer.

[Marienoir]

Hello @dessireugarte @PaulBratslavsky I will like to create content for this article. I can share an outline if my request is approved Thanks

[PaulBratslavsky]

@Marienoir we are currently not taking any new article submissions until January. If you are still interested in writing the article please provide an outline for us to better understand what you will cover. We are looking for something that demonstrates a use case using Strapi dynamic zoned and components.

[Marienoir]

@PaulBratslavsky Yes, I am interested in still writing this article. I would submit it by January though.

Article Outline: How to create a landing page on the fly without the need to develop

Outline

• Introduction
  • Understanding Strapi as a Headless CMS
  • A non-technical approach to using Strapi for a landing page
• Goal
  • Here, we will be creating a home page for a fitness company called Stri-Fitness.
• Prerequisites
• Step 1: Scaffolding a Strapi Project
• Step 2: Build the Stri-Fitness Collection.
• Step 3: Populate Content for the landing page
• Step 4: Understanding dynamic zones and components in a non-technical term
• Step 5: Application of repeatable components and dynamic zones in the Str-Fitness landing page
• Step 6: Preview your home page with an option to deploy to Netlify in a non-technical explanation.
• Conclusion

[TechMakanaki]

Hello @PaulBratslavsky and @dessireugarte I will like to work on this article. I will provide my outline if I get a headstart from you.

[Marienoir]

Hello @PaulBratslavsky @dessireugarte Happy holidays 🙂 I submitted a proposed article outline last year. Can I start working on a draft as it is January already? Thanks

[dessireugarte]

Hello @Marienoir! Would you be open to waiting for Strapi Cloud Soft Launch release (end of this month) to include the deployment in Strapi Cloud in the tutorial?

[Marienoir]

Hello @dessireugarte Alright, I could wait till the launch then so I include that feature Thanks for getting back to me

[Marienoir]

Hello @dessireugarte @PaulBratslavsky As regards this content, can I now start working on this draft as the Strapi cloud has been launched?

[PaulBratslavsky]

@Marienoir before you start can you give me an idea of what dynamic zone components are you going to create to show case the landing page example. Like, Hero Section, Features etc... Just want to get a better idea of how you will be demoing the dynamic zones and components functionality. Thank you.

[Marienoir]

@PaulBratslavsky I intend to use the following components

1. Hero section
2. Features
3. Time schedule
4. Pricing
5. Frequently Asked Questions
6. CTA
7. Footer

[daacode]

@PaulBratslavsky @dessireugarte Can I work on this?

[Marienoir]

@PaulBratslavsky @dessireugarte Please what is the update on this article?

[PaulBratslavsky]

@Marienoir Sorry for the delay, our team size has decreased so we have been catching up with all of the backlog in WFC. If you are still interested, you can start working on it. Please let me know if you are still interested in writing this.

[Marienoir]

@PaulBratslavsky Thanks for the response Yes I am still interested in writing this and I will get started on it right away

[PaulBratslavsky]

@Marienoir Ok. Great. You can start working on it.

[hana75]

Hello @Marienoir, do you have a draft or an ETA to share so far? As we are revamping the program, we'd need to finish those started draft this month. Let us know if it's still OK for you.

[Marienoir]

Hello @hanakhelifa I am still working on the draft. An ETA would be in a week time from now. However, I have some issues I would like to clarify from @PaulBratslavsky I have not able to get him during the office hours, guess I will just ask here or send him a DM

[hana75]

You can attend the office hour in the following week if needed :)

[Marienoir]

Hello @hanakhelifa @PaulBratslavsky This is a draft of the article https://hackmd.io/@marynoir/B1NIVaTRh Thanks

[Marienoir]

Hello @PaulBratslavsky @hanakhelifa I have submitted a draft of the article

[vcoisne]

Hi @Marienoir your blog post is live https://strapi.io/blog/how-to-create-a-landing-page-on-the-fly-without-the-need-to-develop

Please feel free to submit the invoice here https://forms.gle/Ruz8maZvfhdjk1ri7

[Marienoir]

Thanks @vcoisne I have submitted an invoice in this regards.

[vcoisne]

@Marienoir we have updates to the form for compliance reasons. Do you mind re-submitting the form please ?

[Marienoir]

Hello @vcoisne I have resubmitted the form. Thanks.

[vcoisne]

@Marienoir payment has been requested to our finance team, thanks!