Epic Next.js Tutorial For Beginners: build real life project with Next.js 14, Tailwind, and Strapi.
In this new series, I'll be guiding you through building a real-life project called Summarized AI, using Next.js 14 and Strapi. Blog post: https://strp.cc/3V3IaiO - [ POST UPDATED TO STRAPI 5 ]
The app is designed to summarize YouTube videos and allow users to take notes, offering functionalities like user authentication, a dashboard to track summaries and notes, and the ability to update user profiles.
We'll start by setting up our project using Next.js 14 and then move on to styling our app with Shadcn UI.
The backend will be powered by Strapi, where we'll learn how to build collection types, customize with middlewares, policies, and controllers. Follow along with the repo and complimentary blog posts for each lesson.
Key Points and Benefits:
Real-life project building experience with Next.js 14 and Strapi
Summarized AI app that shortens YouTube videos and allows note-taking
User authentication and personalized dashboards
Learn to style with Shadcn UI and manage backend with Strapi
Comprehensive tutorials with repo access and blog posts
Project repo on GitHub: https://strp.cc/49HdLeD
-----------------------------------------------------------------------------------------------------------------------
Resources
------------------------------------------------------------------------------------------------------------------------
Docs: https://docs.strapi.io/dev-docs
Strapi Events: https://strp.cc/events
Find help on Discord: https://strp.cc/discord-events
Find help in our Forum: https://strp.cc/40EvYp0
------------------------------------------------------------------------------------------------------------------------
Strapi
------------------------------------------------------------------------------------------------------------------------
Get started with Strapi: https://strapi.io
Strapi Cloud: https://strapi.io/cloud
Try the live demo: https://strapi.io/demo
Strapi Blog: https://strapi.io/blog
Strapi Starter Project: https://github.com/strapi/nextjs-corp... always, thank you for your continuous support