Build and Deploy a Full Stack Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS
Learn how to build and deploy a full stack Next.js 14 app using React, TypeScript, and Tailwind CSS, three of the most popular technologies for modern web development.
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.
Alongside building this application, you'll also learn how to:
- Use Next.js 14 App Router and Server-side Rendering
- Implement Filtering Functionality
- Complete Pagination Capabilities
- Handle image uploads
- Understanding and writing proper TypeScript
- Learn Grafbase - a serverless GraphQL platform
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
📘 15+ Best JavaScript Books for Beginners and Experienced Coders
📗 Top 6 React Books for Beginners to Experts
📓 5 Best Next.js Books for Beginners and Experienced Developers
📚 Materials/References:
GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/project_nextjs13_flexibble
Public folder (assets): https://drive.google.com/file/d/1pm152Kba_ees0JkOhNz2BMpfBn4WkJEE/view?usp=sharing
GitHub Gist Code: https://gist.github.com/adrianhajdin/a453d745c2361ae4183b421f577a0715
Create Secret - https://www.cryptool.org/en/cto/openssl
Subscribe: https://www.youtube.com/@javascriptmastery/featured
