Learn Next.js 14 — Full course for beginners [3 hours] 2023

Thanks for watching! Please subscribe ❤️

Guillaume

👇

Read my adventures

Join my Discord

Book a coaching

Looking for a repository?

Visit my website

Install my package UserItem

💥 TOP VIDEOS

Learn Nuxt

Learn Nextjs

Learn Supabase

⚙️

• Theme that I use: VSCode Dark
• Snippets: my own, coming soon :)

Thank you :)

Guillaume

[codewithguillaume]

[EDIT]: Next.js 14 just came out, 3 days after this release. It turns out that there's no huge difference with Next.js 13. For no confusion, I renamed this course for latest version 👍 Thanks for watching !

Chapters:

0:25 Create an app

13:39 Deployment
18:47 Docker

26:28 Pages

40:51 Router

47:44 Link

56:45 Components

1:12:42 Layouts

1:18:11 Images

1:26:46 API routes
1:36:46 Fonts

1:42:22 Middleware

1:51:09 SEO & Metadata

2:04:31 Params & Queries
2:12:01 Fetching

2:26:23 Caching

2:36:57 Notifications

2:44:00 Context

2:54:05 Store

3:03:08 Actions

[daretsuki]

Amazing course! Learned a lot! Thank you!

[tomascarignano]

Loved all the details, tips and tricks!

[avikpaul]

Great tutorial ! Which vscode plugin do you have which adds custom icons for the standard folders, e.g "node_modules", ".next", "src/app" ?

And re the middware topic where you defined a constant "isLoggedIn", is it instantiated as a global singleton in the server process or per client ? Logged-in state can be different for multiple clients being served by the same backend runtime.

[infinitystore]

Great introductory course for next js 13 but i'd like to point that if use "use client" on your root page.tsx or in your layout.tsx such as in (creating your context) you basically made your whole application client side and you lose the benefits of the new features of next js and feel free to correct me if i'm wrong tho

[znvfehn]

Great lesson. Please tell me which theme you are using for vscode

[Ismail-hdyz]

I wonder, why next js is better than using react?
Which one give better performance

[BeastK]

Sir,
1st of all *Thank You* for this latest tutorial !

i have a doubt, regarding API routes. How do you return error that occurs in API routes ?

[floppyBE]

merci, dans les ressources youtube il y a ta chaine aussi :)

[yoskokleng]

Next js vs Nuxt js, Which one you love the most?

[yoskokleng]

before learn this, do i need to learn react js first sir?

[wilonweb]

Are you french ( for the accent ) ^^ ?

[ryanp]

@codewithguillaume Amazing video!! For some reason my docker does not auto update my browser when I make changes. Any suggestions?

[guillegarciacardiel-cdeu]

hwo can i make my terminal look like yours within vs?

[xuzypnq]

how we can use zustand with both server and client component can anyone help me?

[Anonymous-yuge]

you sound like a Nigerian haaha but I know your French lol

[Grishopping]

Thank you very much for the video... you cleared up a lot of doubts... Hopefully you will be encouraged to take a second part with good practices and deepening more some topics.

Do you have DISCORD?

Greetings Jose Grillo from Venezuela