Epic Next.js Tutorial For Beginners: build real life project with Next.js 14, Tailwind, and Strapi.

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.

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:
- 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

-----------------------------------------------------------------------------------------------------------------------
Resources
------------------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------------------
Strapi
------------------------------------------------------------------------------------------------------------------------

[CefasHeliSathler]

nice to see another ppl working with the same stack, my workflow is completely different and i'm learning new ways to do the same! Excelent!

[alexeysmirnov]

Hey Paul! Thank you so much! Just in time! Just what I've needed!

[yuriiholskyi]

Awesome simple quick start. Thanks for the playlist.

[envivomedia]

Sounds like a great project, and I would love to follow along, but I know i'm not going to do that if you only release one short video each week. If you have already created the video's I would recommend publishing them at once as a playlist.

[TerenceKearns]

Don't be a goose like me and use a capital letter when naming content types in the strapi dashboard then wondering why lowercase versions of them in the TS code on line 17, 21, 22 don't work.

[chevon]

Ran into trouble fetching data from Strapi at 12:07 — for the baseUrl I had to use 127.0.0.1:1337 instead of localhost:1337

[marcoio]

Cool. Is there a way to also get type safety for the Strapi endpoints? Some generated types to inject into the `fetchStrapiData` function perhaps

[frenchmike]

do you have a video on how to deploy such an app on vercel (nextjs with strapi both on vercel?) and the db as well on vercel. the strapi cloud is super pricey

[stevenirby]

One thing that confused me while following along. You have to actually go in and *publish* the content type you create or the API just returns a 404 not found.

[denilsoncosta]

can i deploy a Next Stapi app into vercel?

[meh_]

Installing strapi via terminal in vs code is extremely slow

[tunacuma]

Will this homepage get indexed by google? Will it get rendered in serverside?

[myview]

I have one question when we work in next js and node js then nodejs devloper send token in response then we can get it in client side then how we can protect page in middleware using server side because next js middleware run on server

[jonasRaymondl]

awesome video, got a problem tho, my strapi installation stuck at creating admin on terminal

[ilan]

Epic it is :-) I wanted to give Strapi a chance but .... slow installation bunch of errors. second try ... using your repo ... bunch of red flags and very slow install... not able to un any of the optional commands of Strapi. running all the requirements as described in the documentation btw.

[breezycodes]

Is there a way to get paid to make Strapi and Nuxt content ?