search

strapi / community-content

Contribute and collaborate on educational content for the Strapi Community
https://strapi.io/write-for-the-community
572 stars 403 forks source link

[TOPIC] How to create a ? website with Strapi #215

Closed Mcastres closed 2 years ago

Mcastres commented 3 years ago

My Request It would be awesome to have some sort of "How to create a (dating, blog, game, corporate) website with Strapi"

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

santoshyadavdev commented 3 years ago

Hey @Mcastres, As discussed over mail, can you assign this to me please.

Mcastres commented 3 years ago

Sure! What type of website will you create with Strapi?

santoshyadavdev commented 3 years ago

I am planning to create my blog with it.

Mcastres commented 3 years ago

Hey @santoshyadavdev, just checking if there is any news about this one?

malgamves commented 3 years ago

hey @santoshyadavdev still interested in this??

ShadaW11 commented 3 years ago

Hey @santoshyadavdev any update on this article?

danielharven commented 3 years ago

Hi, i can write an articles on how to create a blog,corporate,dating website with angular front and strapi backend. what sort of game would be expected on the game site?

ShadaW11 commented 3 years ago

Hey @danielharven can you create a new issue here with the title of your tutorial and a proposed outline? a gaming website would be a great idea.

rishipurwar1 commented 3 years ago

Hello @ShadaW11 I want to create a video tutorial on it where I'll show the audience How to use Strapi to build a blog website.

Can you please assign this to me?

miracleonyenma commented 3 years ago

Hey @Mcastres @ShadaW11 I'm really interested in writing an article on this topic. I chose to go for a corporate website with Strapi. After doing some research, I've managed to come up with a detailed outline for the article. It's on Building a Corporate Design Agency site with NuxtJS and Strapi.

I'll share my outline in my next comment and I'll be looking forward to hearing your feedback 😊

miracleonyenma commented 3 years ago

Title: Building a Corporate Design Agency site with NuxtJS and Strapi

Introduction

For a while, most corporate sites have been built using a traditional CMS like WordPress or Drupal. These CMSes can be seen as “monolithic” as the frontend and backend are packed into one system. Headless CMSes like Strapi allow you to decouple the two and give you the freedom to choose however you want to build your frontend. Creating a Design Agency site with pages for blogs, projects, case studies, and other content requires not only the database but also a system to easily create and manage it. Strapi handles all of that for you.

Brief Summary

In this tutorial, we’ll quickly cover the concept of a Traditional and Headless CMS and its benefits. Then, we’ll go through the process of setting up a working Strapi instance. We’ll create all the routes, collection types, and content for our backend. Also, set up our frontend with with with Server Side Rendering for SEO, performance gains, and static hosting using NuxtJS. On our front end, we’ll connect and create the necessary routes to communicate with our Strapi backend.

Goal

At the end of this tutorial, we would have created a complete design agency site with all the functionality on the frontend and content managed in the backend with Strapi. Readers will learn the benefits of Headless CMS and its real-world application in building Corporate sites with any frontend of choice.

Outline

Conclusion

In this section, I’d share what we’ve covered in the tutorial and how useful Strapi is in real-world applications.

Further Reading

Here, I’ll share useful resources for readers on Strapi and related content.

@Mcastres @ShadaW11, That's the outline. Thanks in advance for your feedback 😊

ShadaW11 commented 2 years ago

Hello @miracleonyenma thank you for the outline, could you mention some of the features that the website will include?

miracleonyenma commented 2 years ago

Hey @ShadaW11, Thanks for the reply. Some of the features the website will include are:

I feel these are good enough for the article, I'm open to suggestions though. 😊 Thanks.

miracleonyenma commented 2 years ago

Hello @ShadaW11, Do you have any thoughts on the features I mentioned in the last comment? I'll be happy to make any necessary changes.

I'll be waiting for your reply, Thank you.

ShadaW11 commented 2 years ago

Hello @miracleonyenma thank you for the above. Looks good. If this is your first article, please register here https://strapi.io/write-for-the-community. Then go over the guidelines (payment, how to submit and article guidelines)

Please note that a new version of Strapi will be released in the next few weeks. Therefore, you can wait one month to use the new strapi and work on this article. Or you can work on it right now. You will get paid for your article. However, you should commit that when the new strapi is released after a month you will need to update the content and code to the new strapi v4 without additional expenses.

Please let me know if you would like to work right now on the article or if you prefer to wait. Thank you.

miracleonyenma commented 2 years ago

Hey @ShadaW11, Thanks so much for the feedback. I'll wait till the new version is released before I start working on the article. I'm so excited 😊

Best Regards, Miracle

ShadaW11 commented 2 years ago

Hey @miracleonyenma I would like to have your tutorial ready asap. Could you please go ahead and start working on it right now. and do not worry about the V4 update.

miracleonyenma commented 2 years ago

Alright, @ShadaW11, I'm cool with that. I'll update the outline and start working on the tutorial. I'll send you a draft when I'm done writing.

Hope that's cool with you?

ShadaW11 commented 2 years ago

@miracleonyenma perfect

icode247 commented 2 years ago

@ShadaW11 is this still available?

ShadaW11 commented 2 years ago

Hello @miracleonyenma hows the progress going?

@icode247 there are many article topics that you could check. Please post a comment if you find something interesting.

miracleonyenma commented 2 years ago

Hey @ShadaW11, It's totally okay if I don't use the v4 beta while working on the article right? I'll send you a link to the draft once it's ready

ShadaW11 commented 2 years ago

Hey @miracleonyenma yes no worries no need to use the V4.

miracleonyenma commented 2 years ago

Great to know. Thanks! 🙌🏾

ShadaW11 commented 2 years ago

Hey @miracleonyenma any update?

miracleonyenma commented 2 years ago

Hey @ShadaW11, Thanks for checking in on my progress. I'm not quite done with the article though. I apologize for taking so long. I'll share it with you as soon as it's ready.

Thank you for your patience.

miracleonyenma commented 2 years ago

Hey @ShadaW11, I'm done with the article draft 😊. You can check it out here - https://www.dropbox.com/scl/fi/t1nzd1xhq4ypmbexbh2sn/How-to-build-a-Corporate-Design-Agency-site-with-NuxtJS-and-Strapi.paper?dl=0&rlkey=ytovb3idn94c5r4wmfxygektk

Thanks for being patient, I'll be expecting your feedback.

ShadaW11 commented 2 years ago

Hello @miracleonyenma Awesome, our team will review the article content and get back to you as soon as possible.

miracleonyenma commented 2 years ago

Awesome! Thanks 🙌🏾

ShadaW11 commented 2 years ago

@miracleonyenma happy new year, I wanted to check if you had time to update the tutorial with strapi v4?

miracleonyenma commented 2 years ago

Happy new year to you too @ShadaW11 🎆🙌🏾

Yeah, the article has been updated with v4. The frontend codebase has also been updated to work with v4

ShadaW11 commented 2 years ago

@miracleonyenma our team will review it and get back to you.

miracleonyenma commented 2 years ago

Great! Thanks!

ShadaW11 commented 2 years ago

@miracleonyenma awesome article, please issue your invoice. thank you