Video Belajar
Tonton dan pelajari berbagai topik menarik melalui video pembelajaran eksklusif dari Channel Dave Gray.
Dave Gray
29988
Your Developer Portfolio NEEDS a Project like THIS
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
In today's job market, your Developer Portfolio NEEDS a Project like THIS... This Next.js tutorial gives a walk-through of a simple project type that is becoming mandatory in the modern web dev job market.
💖 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
🔗 Source Code Example: https://github.com/gitdagray/nextjs-ai-chat
🔗 My Next.js Videos: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6Pk-QJIdGd1tGZEzy9RTgtj
👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Your Developer Portfolio NEEDS a Project like THIS
(00:00) Intro
(00:09) Welcome
(00:32) Project Discussion
(01:17) Start a New Project
(02:08) Add Dependencies
(02:29) AI Route Handler
(05:19) OpenAI API Key & Environment Variable
(07:42) Chat Component
(11:40) Test the Application
(13:14) Styled Example
(16:19) Expand on this Project
📚 Tutorial References:
🔗 Next.js: https://nextjs.org
🔗 Vercel AI SDK: https://sdk.vercel.ai/docs
🔗 OpenAI: https://openai.com/
🔗 shadcn/ui: https://ui.shadcn.com/
🔗 Next.js Light & Dark Modes: https://www.davegray.codes/posts/light-dark-mode-nextjs-app-router-tailwind
Was this tutorial about a Next.js developer portfolio project helpful? If so, please share. Let me know your thoughts in the comments.
#developer #portfolio #project
In today's job market, your Developer Portfolio NEEDS a Project like THIS... This Next.js tutorial gives a walk-through of a simple project type that is becoming mandatory in the modern web dev job market.
💖 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
🔗 Source Code Example: https://github.com/gitdagray/nextjs-ai-chat
🔗 My Next.js Videos: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6Pk-QJIdGd1tGZEzy9RTgtj
👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Your Developer Portfolio NEEDS a Project like THIS
(00:00) Intro
(00:09) Welcome
(00:32) Project Discussion
(01:17) Start a New Project
(02:08) Add Dependencies
(02:29) AI Route Handler
(05:19) OpenAI API Key & Environment Variable
(07:42) Chat Component
(11:40) Test the Application
(13:14) Styled Example
(16:19) Expand on this Project
📚 Tutorial References:
🔗 Next.js: https://nextjs.org
🔗 Vercel AI SDK: https://sdk.vercel.ai/docs
🔗 OpenAI: https://openai.com/
🔗 shadcn/ui: https://ui.shadcn.com/
🔗 Next.js Light & Dark Modes: https://www.davegray.codes/posts/light-dark-mode-nextjs-app-router-tailwind
Was this tutorial about a Next.js developer portfolio project helpful? If so, please share. Let me know your thoughts in the comments.
#developer #portfolio #project