Next.js Table of Contents

    
Table of Content
 


Introduction to the Course
  • What is Next.js?
  • Main Project Overview
  • Environment and Tools
Next.js Fundamentals
  • Creating a Next.js App
  • Pages and Routing
  • Next Link and Router
  • Head Tags and Layout
  • S Header and Footer
  • Custom 404 Page
  • Module Aliases with jsconfig
  • Showcase Component
Data Fetching
  • API Routes
  • getServerSideProps and getStaticProps
  • Displaying Events
  • getStaticPaths
  • Single Event Page
Strapi Backend
  • Strapi CMS Setup
  • Cloudinary for Images
  • Event Content Type
Events Functionality - Part 1
  • Connecting to the Strapi API
  • Search Page Using Filters
  • Search Component
  • Add Event Page
  • Event Submit and React Toastify
  • Create a Slug
Events Functionality - Part 2
  • Delete Events
  • Edit Event and Image Preview
  • Modal Component
  • Image Upload
  • Events Pagination
Authentication, JWT, and HttpOnly Cookies
  • Register and Login Forms
  • Auth Context
  • Our JWT Strategy Explained
  • Login and Get JWT
  • Store JWT in Server HttpOnly Cookie
  • Persist Logged In User
  • Logout and Destroy Cookie
  • Register User
Authorization and Access
  • Custom User Events Endpoint
  • Getting User Events for Dashboard
  • Display Dashboard Events
  • Create Is Owner Policy for Events
  • Associating Events with Users
  • Authenticated Edit, Delete and Image Upload
Extras and Deployment
  • Add Map to Event Pages
  • Strapi Backend Deploy - Heroku
  • Next.js Deploy - Vercel
Project 2 DevSpace Static Markdown Blog
  • Project Introduction
  • Markdown - What and Why?
  • Markdown Crash Course
  • Next.js and Tailwind CSS Setup
  • Layout Component
  • Header and Tailwind Styling
  • About and 404 Page
Fetch, Parse, and Display Markdown Posts
  • Blog Post Markdown Files
  • Get Posts and Parse Frontmatter
  • Display Posts
  • Sort Posts By Date
  • Category Label Component
  • Generate Static Paths and Single Post Data
  • Display Single Blog Post
Pagination and Category Pages
  • Start Pagination - Generate Paths
  • Fetch Paginated Posts
  • Pagination Links Component
  • Category Pages
  • Clean Up Get Posts
  • Category Sidebar
  • Next Export and Limitations
Search, Caching Posts, and Deployment
  • How Search will Work
  • Search Component
  • Search API Route
  • Search Results Components
  • First Deployment
  • Cache Posts
  • Pre-Commit Hook with Husky
  • Wrap Up



Apply for Next.js certification

https://www.vskills.in/certification/nextjs-certification-course

 For Support