Next.js Dev to Deployment by Udemy
Learn Next.js by building a music event website
Course Highlights
- Build a music event application from start to finish
- Learn the fundamentals of NextJS
- Create a backend using Strapi CMS
- JWT Authentication / HttpOnly Cookie Storage
- Pagination, search, image uploading with Cloudinary
- Build a static blog with pagination, search & categories using Markdown
- Deploy to production using Vercel
Skills you will learn!
Curriculum
5 Topics
Welcome To The Course
What Is Next.js?
Main Project Overview
Environment & Tools
Final Code Repo Links
8 Topics
Creating a Next.js App
Pages & Routing
Next Link & Router
Head Tags & Layout
Header & Footer
Custom 404 Page
Module Aliases With jsconfig
Showcase Component
5 Topics
API Routes
getServerSideProps & getStaticProps
DIsplaying Events
getStaticPaths
Single Event Page
3 Topics
Strapi CMS Setup
Cloudinary For Images
Event Content Type
6 Topics
Connecting to the Strapi API
Search Page Using Filters
Search Component
Add Event Page
Event Submit & React Toastify
Create a Slug
5 Topics
Delete Events
Edit Event & Image Preview
Modal Component
Image Upload
Events Pagination
8 Topics
Register & Login Forms
Auth Context
Our JWT Strategy Explained
Login & Get JWT
Store JWT In Server HttpOnly Cookie
Persist Logged In User
Logout & Destroy Cookie
Register User
6 Topics
Custom User Events Endpoint
Gettting User Events For Dashboard
Display Dashboard Events
Create Is Owner Policy For Events
Associating Events With Users
Authenticated Edit Delete & Image Upload
3 Topics
Add Map to Event Pages
Strapi Backend Deploy - Heroku
Next.js Deploy - Vercel
8 Topics
Project Intro
Markdown - What & Why?
Markdown Crash Course
Project Repo Link
Next.js & TailwindCSS Setup
Layout Component
Header & Tailwind Styling
About & 404 Page
7 Topics
Blog Post Markdown Files
Get Posts & Parse Frontmatter
Display Posts
Sort Posts By Date
Category Label Component
Generate Static Paths & Single Post Data
Display Single Blog Post
7 Topics
Start Pagination - Generate Paths
Fetch Paginated Posts
Pagination Links Component
Category Pages
Clean Up Get Posts
Category Sidebar
Next Export & Limitations
8 Topics
How Search Will Work
Search Component
Search API Route
Search Results Components
First Deployment
Cache Posts
Pre-Commit Hook With Husky
Wrap Up
Next.js Dev to Deployment
Related Next.js Courses
Thank You!
Your review has been submitted successfully.