Fullstack Developer Bootcamp: Master Frontend and Backend Development - Build and Deploy a Full Stack Next.js Application | React, Next JS, TypeScript, Tailwind CSS

5.0 (0)

12 learners

What you'll learn

This course includes

67.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

javascript javascript mastery js mastery master javascript next js Next 13 Next.js 13 features Next.js 13 tutorial Next.js 13 folder structure Next.js 13 client components Next.js 13 server components Next.js 13 routing

Full Transcript

Next.js has the potential to revolutionize the industry and forever change the way we develop web applications. You’re still early in catching the trend and building your own Next.js 14 applications with TypeScript that leverage features such as server-side rendering and the app router. ⚠ This tutorial covers Next.js 13, but don't let that number fool you. Next.js 14 is essentially a performance-focused update of version 13. That means every concept, technique, and feature we dive into here is just as applicable and relevant in Next.js 14 ⭐ Join JS Mastery Pro: https://jsmastery.com 💎 Ultimate Next.js Course: https://jsmastery.com/course/the-ultimate-next-js-15-course 🧪 Ultimate Testing Course: https://jsmastery.com/course/the-complete-next-js-testing-course 📗 GSAP Pro Course: https://jsmastery.com/course/gsap-animations-course 📕 Three.js 3D Pro Course: https://jsmastery.com/course/vanilla-three-js-course 📙 JavaScript Pro Course: https://jsmastery.com/course/complete-path-to-javascript-mastery 🚀 Launch Your SaaS Pro Course: https://jsmastery.com/course/build-launch-your-saas-in-under-7-days 📚 Materials/References: GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/project_nextjs13_flexibble Public folder (assets): https://drive.google.com/file/d/1l3_LHBjWOXokxlTIUJAyMp4gBoUHP_H4/view?usp=sharing GitHub Gist Code: https://gist.github.com/adrianhajdin/a453d745c2361ae4183b421f577a0715 Create Secret - https://www.cryptool.org/en/cto/openssl ⭐ Grafbase - https://grafbase.com 🎥 React.js Crash Course: https://youtu.be/b9eMGE7QtTk 🎥 Next.js 14 Crash Course: https://youtu.be/wm5gMKuwSYk 🎥 Next.js 14 Car Showcase Project: https://youtu.be/pUNSHPyVryU 💻 Join JSM on Discord - https://discord.gg/n6EdbFJ 🐦 Follow JSM on Twitter - https://twitter.com/jsmasterypro 🖼️ Follow JSM on Instagram - https://instagram.com/javascriptmastery 💼 Business Inquiries: contact@jsmastery.pro Time Stamps: 00:00:00 - Intro 00:12:54 - Homepage 00:18:12 - Navbar 00:26:23 - Footer 00:36:22 - Grafbase 00:46:33 - Authentication 01:46:49 - Create Project 03:04:22 - Displaying posts 04:27:31 - Deployment