background icons
background icons 2

Video Belajar

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

Dave Gray

9156

Next.js Project Example with Discussion

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

In this Next.js project example with discussion, I will walk through a sample project and how I made decisions and my overall thought process while building the basic project functionality.

💖 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/lyric-learner

Next.js Project Example with Discussion

(00:00) Intro
(00:05) Welcome
(00:29) Lesson Goal
(01:25) Preview of Complete Project
(02:36) Deciding What to Build
(02:50) What to Use to Build the Project
(03:21) What Kind of Next.js Project is it?
(04:33) Consider the Foundation of the App
(05:24) Start Building & Identify Patterns
(06:59) Breakout Components
(07:48) Some Areas Require More Thought
(10:22) Moving Logic to a React Context
(11:53) Some Other Tools I Used
(13:02) Wrap up

📚 Tutorial References:
🔗 Next.js: https://nextjs.org/
🔗 Tailwind CSS: https://tailwindcss.com/
🔗 TypeScript: https://www.typescriptlang.org/
🔗 Notion: https://notion.so
🔗 Playcode.io: https://playcode.io

Was this tutorial about the decision process when building a Next.js project helpful? If so, please share. Let me know your thoughts in the comments.

#nextjs #project #example