background icons
background icons 2

Video Belajar

Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Dave Gray.

Dave Gray

137693

Next.js Tutorial for Beginners | Next.js 13

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

In this Next.js tutorial for beginners you will learn what Next.js is, the benefits of Next.js, why companies are choosing Next.js, and we will set up a starter Next 13 app to see how it works.

💖 Support me on Patreon ➜ https://patreon.com/davegray

⭐ Become a full-stack web dev with Zero To Mastery Courses:
- Complete Next.js Developer: https://bit.ly/CompNextJSDev
- Advanced React: https://bit.ly/AdvReactDev
- Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

📬 Course Updates ➜ https://courses.davegray.codes/

❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh

☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray

👇 Follow Me On Social Media:
Github: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/

🔗 Source Code: https://github.com/gitdagray/next-js-course

🔗 Playlist for this Next.js Course: https://bit.ly/dg-nextjs

Next.js Tutorial for Beginners

(00:00) Intro
(00:09) Welcome
(00:30) Defining "Beginners" & Prerequisites
(01:12) Why Next.js?
(03:22) What is pre-rendering?
(04:26) SSG = Static Site Generation
(05:02) SSR = Server-side Rendering
(05:30) How does a CDN work?
(06:37) Next.js 13 Beta Docs
(07:33) Install Node.js
(08:13) Create a Next.js project
(10:34) Project Files Review
(13:58) Run the Starter Project
(14:42) Modify the Starter Project

📚 Tutorial References:
🔗 Next.js Official Site: https://nextjs.org/
🔗 Next.js 13 Beta Docs: https://beta.nextjs.org/docs

Was this Next.js tutorial for beginners helpful? If so, please share. Let me know your thoughts in the comments.

#next #js #beginners