NextJS 15 Full Course: Build & Deploy Markdown Notes 📓

In this NextJS 15 Full Stack course we learn all the core concepts and foundational knowledge you need to know to develop amazing web apps with NextJS & Firebase 🔥

Together we'll learn NextJS 15 from the very beginning by building a full stack markdown notes app. By the end of the course not only will you have deployed the app to the internet with a URL you can add to your portfolio, but you will also feel confident and comfortable building your own projects in NextJS 15.

#programming #javascript #reactjs #nextjs

⭐️ All my links!
https://www.smoljames.com
Learn to code 🔥 https://www.smoljames.com/roadmap
Resume builder ✅ https://www.hyr.sh
1:1 Coaching 🌸 https://www.hubble.social/jamesmcarthur

✨ Get started
HTML CSS Course - https://www.youtube.com/watch?v=70T2GMDKl6M
JavaScript Full Course - https://www.udemy.com/course/the-complete-javascript-course-zero-to-hero/?referralCode=F6229ABBDBD16EB43FA4
Full Stack Course - https://www.udemy.com/course/full-stack-course-by-smoljames/?referralCode=F3FB3E174D38A54974EB

💛 Support the channel and become a member!
https://www.youtube.com/channel/UCPBK_brqoVQtO-fOWpxQGXw/join

╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝

📚 Chapters
00:00:00 Intro
00:03:50 Demo
00:06:35 Building
05:35:39 Deploy

🌼 Resources
GitHub Repo - https://github.com/jamezmca/nextjs-15-course
FantaCSS - https://github.com/jamezmca/fantacss
VSCode Shortcuts - https://www.vscodeshortcuts.smoljames.com
FontAwesome CDN - https://cdnjs.com/libraries/font-awesome
FontAwesome Icons - https://www.fontawesome.com
NextJS docs - https://nextjs.org/docs
Netlify - https://www.netlify.com/
Github Desktop - https://desktop.github.com/download/
NodeJS - https://nodejs.org/en
Markdown to JSX - https://www.npmjs.com/package/markdown-to-jsx
Firebase - https://firebase.google.com/

🔖 Topics covered
- How to set up and structure a full stack Next.js 15 project.
- Implementing authentication with Firebase Auth.
- Using Firestore to store, retrieve, and sync user data.
- Managing app state and user sessions.
- Building interactive UIs with the latest React features.
- Writing and previewing Markdown content in a custom editor.
- Utility-first styling with FantaCSS.
- Deploying a Next.js app with environment variables using Netlify.