Master full stack development with Next.js 15, Firebase, and FantaCSS by building a fully functional Markdown Notes App! Learn authentication, database integration, styling, and deployment in this hands-on, beginner-friendly course designed for modern web developers.
🔥 Nearly 6 hours of project-based, step-by-step video. 🔐 Firebase Auth + Firestore Database integration. 🎨 Clean, responsive UI styled with FantaCSS. 🌍 Live deployment with Netlify.
This course is designed for frontend developers looking to go full stack. You’ll need some basic knowledge of:
- HTML & CSS
- JavaScript
Brush up with free beginner courses here: 👉 smoljames.com/roadmap
Any OS is fine — Windows, macOS, or Linux. We’ll set up everything together from scratch.
This course is your all-in-one guide to building modern, full stack web apps with Next.js 15. You’ll create a Markdown-powered note-taking app with real-time database features, persistent user accounts, and polished UI styling — all fully deployed and ready to share.
Unlike generic tutorials, we go step-by-step through real-world concepts like auth flow, CRUD operations, data persistence, routing, state management, and UI architecture — all wrapped in a sleek, professional app.
You’ll walk away with a deep understanding of full stack React development, serverless Firebase integration, and project deployment best practices.
- 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.
Hi, I’m James! I’ve taught over 500,000 people how to code and build real projects that get them hired. I’m a self-taught developer who knows what it's like to feel stuck learning endless theory — so I make practical, real-world courses that help you level up fast and have fun doing it.
You won’t just follow along — you’ll understand why every piece matters and come away with a real app you're proud of.
Learn more at smoljames.com. Connect with me on Discord or LinkedIn for any questions!
- Custom file names
- Search filter in side nav for documents
- Cache notes already fetched in a global context state
- Add categories for notes in side nav
- Create a more comprehensive landing page
- Implement the reset password feature
- Manage login error states with appropriate conditionally rendered error messages