Next.js React Framework Course – Build and Deploy a Full Stack App From scratch

Next is the React Framework for production. It makes building Apps, small or large, a lot easier. It has many features out of the box that you can use that will save loads of time.

Course from Alicia Rodriguez . Check out her channel: @timetocode_with_ali

⭐️ Contents ⭐️
⌨️ (0:00:00) Intro: Showcase App
⌨️ (0:02:07) Summary of the content of the video
⌨️ (0:02:40) Prerequisites for this video.
⌨️ (0:04:38) Main Feature: Server-Side Rendering
⌨️ (0:17:56) Analyse the Final App we are going to build
⌨️ (0:41:50) Data Fetching
⌨️ (2:02:15) Build the Components - UI (user Interface)
⌨️ (2:24:03) Add CSS - Styles
⌨️ (4:29:00) Deploy the APP in Vercel
⌨️ (4:43:06) Suggestions to improve the App

Attributions/credits


🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

[timetocode_with_ali]

Hi 👋 I am Alicia from the video.
Thank you all for watching. Feel free to reach out to me with questions or suggestions for future videos and check out my other videos ☺️

[abhishekholani]

Amazing tutorial! Just one thought, instead of wrapping the <a> tag with <Link> tag provided by nextJS, we could also replace <a> by <Link> it would give the same result and cleaner code.😀

[temidayovictor]

Thank you so so much Alicia and all members of the team. This video was really helpful to kickstart my career in Next Js

[bkatsevych]

Oh my God, this is EXACTLY what I have been looking for today! This channel reads its subscribers minds!

[EuroPerRad]

Thanks for the nice tutorial. Really got me started with Next!

[saikiranduddukuri]

Simply love it❤❤❤❤❤ Thank you so much ❤

[MasayaShida]

Thanks for making this beginner friendly

[eldergod]

W as always thanks for the hard work 💕

[ccontre]

Amazing course, i promise me finish this today.

[fedelicskaaria]

Great 👌 tutorial there.... Amazing depth and understanding of concepts

[andikafebrianto]

Thank you for the nextjs video tutorial and also sass. I learned a lot from your tutorial.

[alejandroblanco]

3:02:00 i recommend using a div instead of a <a> tag as this will give you legacy error later and tell you that "hydration failed ...", took me a while, btw expect a sudden cut in the tutorial minutes later without giving any explanation of whats going on or happened

[MrBoxsoumendu]

very nice :) thanks for teaching us so care and responsibly... 🥰🥰

[mrag]

thanks a lot for great tutorial. for dummy ipsum text just use lorem(amount of words you wish as a number) + tab key, in your editor

[crlanier]

Hello great tutorial! When building out your component, for a start you can use the rafce shortcut which will provide you with a template. Makes things alittle easier!

[blackdeadflower]

Great job, thanks freecodecamp for your efforts

[Sampad-Sarker]

OMG, what a coincidence, I'm looking for nextJs on FCC.THANKS

[coderizer]

thanks for the course. i've been a long time vuejs user, but now I'm planning to work on nextjs more on my upcoming projects.. this video is very helpful

[codewithguillaume]

Wow just begin this course and realize how good it is written.
Best!

[sammyshehter]

Alicia, thanks fot the video.
One note: When I opened data.json in your repo, I saw that "city" in all events for London is has value with capital "L"
so ev.city wont be equal to cat, that can create a confusion