Next.js Dev to Deployment

Next.js Dev to Deployment, available at $84.99, has an average rating of 4.55, with 79 lectures, based on 1787 reviews, and has 10702 subscribers.

You will learn about 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 This course is ideal for individuals who are People that want to learn NextJS or Learn the foundations to build a full stack application with CRUD, pagination, authentication and more It is particularly useful for People that want to learn NextJS or Learn the foundations to build a full stack application with CRUD, pagination, authentication and more.

Enroll now: Next.js Dev to Deployment

Summary

Title: Next.js Dev to Deployment

Price: $84.99

Average Rating: 4.55

Number of Lectures: 79

Number of Published Lectures: 79

Number of Curriculum Items: 79

Number of Published Curriculum Objects: 79

Original Price: $84.99

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

People that want to learn NextJS

Learn the foundations to build a full stack application with CRUD, pagination, authentication and more

Target Audiences

People that want to learn NextJS

Learn the foundations to build a full stack application with CRUD, pagination, authentication and more

This course is outdated. See the new Next.js from Scratch course

Next.js is a framework for building server-side rendered React websites as well as static websites. This is a project-based course for learning Next.js. We will build a music events application that will give you the foundational knowledge that you need to create your own applications. We will use Strapi (a headless CMS) as our backend but you could just as well use anything

We will learn the fundamentals of Next.js like

Pages & Routing

Data Fetching Methods – getServerSideProps, getStaticProps, getStaticPaths

Custom API Routes

Static Generation

CSS Styling

Image Optimization

In our main project, we will also be working with

Strapi CMS

Authentication with JWT (JSON Web Tokens)

Authorization and access control

Storing HttpOnly Cookies on the server

Pagination, search filters, etc

Image uploading with Cloudinary integration

Deploying to Vercel and Heroku

Next.js can also be used to create “static websites”. The second project is a static blog called Devspace

TaiilwindCSS Integration

Static Data Fetching/Generation

Create, Fetch & Parse Markdown with Frontmatter

Search Functionality with API route/Serverless Function

Post Caching

Git Hooks with Husky

Deploy to Vercel

What should you know before taking this course?

You should know JavaScript basics and modern JavaScript features like arrow functions, restructuring, the spread operator

You should also know the basics of React. I will not be explaining things like components, props, JSX

Resources:

All of the final code will be provided in the project repos and all needed resources will be provided in the sections

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome To The Course

Lecture 2: What Is Next.js?

Lecture 3: Main Project Overview

Lecture 4: Environment & Tools

Lecture 5: Final Code Repo Links

Chapter 2: Next.js Fundamentals

Lecture 1: Creating a Next.js App

Lecture 2: Pages & Routing

Lecture 3: Next Link & Router

Lecture 4: Head Tags & Layout

Lecture 5: Header & Footer

Lecture 6: Custom 404 Page

Lecture 7: Module Aliases With jsconfig

Lecture 8: Showcase Component

Chapter 3: Data Fetching

Lecture 1: API Routes

Lecture 2: getServerSideProps & getStaticProps

Lecture 3: DIsplaying Events

Lecture 4: getStaticPaths

Lecture 5: Single Event Page

Chapter 4: Strapi Backend

Lecture 1: Strapi CMS Setup

Lecture 2: Cloudinary For Images

Lecture 3: Event Content Type

Chapter 5: Events Functionality – Part 1

Lecture 1: Connecting to the Strapi API

Lecture 2: Search Page Using Filters

Lecture 3: Search Component

Lecture 4: Add Event Page

Lecture 5: Event Submit & React Toastify

Lecture 6: Create a Slug

Chapter 6: Events Functionality – Part 2

Lecture 1: Delete Events

Lecture 2: Edit Event & Image Preview

Lecture 3: Modal Component

Lecture 4: Image Upload

Lecture 5: Events Pagination

Chapter 7: Authentication, JWT & HttpOnly Cookies

Lecture 1: Register & Login Forms

Lecture 2: Auth Context

Lecture 3: Our JWT Strategy Explained

Lecture 4: Login & Get JWT

Lecture 5: Store JWT In Server HttpOnly Cookie

Lecture 6: Persist Logged In User

Lecture 7: Logout & Destroy Cookie

Lecture 8: Register User

Chapter 8: Authorization & Access

Lecture 1: Custom User Events Endpoint

Lecture 2: Gettting User Events For Dashboard

Lecture 3: Display Dashboard Events

Lecture 4: Create Is Owner Policy For Events

Lecture 5: Associating Events With Users

Lecture 6: Authenticated Edit, Delete & Image Upload

Chapter 9: Extras & Deployment

Lecture 1: Add Map to Event Pages

Lecture 2: Strapi Backend Deploy – Heroku

Lecture 3: Next.js Deploy – Vercel

Chapter 10: Project 2 – DevSpace Static Markdown Blog

Lecture 1: Project Intro

Lecture 2: Markdown – What & Why?

Lecture 3: Markdown Crash Course

Lecture 4: Project Repo Link

Lecture 5: Next.js & TailwindCSS Setup

Lecture 6: Layout Component

Lecture 7: Header & Tailwind Styling

Lecture 8: About & 404 Page

Chapter 11: Fetch, Parse & Display Markdown Posts

Lecture 1: Blog Post Markdown Files

Lecture 2: Get Posts & Parse Frontmatter

Lecture 3: Display Posts

Lecture 4: Sort Posts By Date

Lecture 5: Category Label Component

Lecture 6: Generate Static Paths & Single Post Data

Lecture 7: Display Single Blog Post

Chapter 12: Pagination & Category Pages

Lecture 1: Start Pagination – Generate Paths

Lecture 2: Fetch Paginated Posts

Lecture 3: Pagination Links Component

Lecture 4: Category Pages

Lecture 5: Clean Up Get Posts

Lecture 6: Category Sidebar

Lecture 7: Next Export & Limitations

Chapter 13: Search, Caching Posts & Deployment

Lecture 1: How Search Will Work

Lecture 2: Search Component

Lecture 3: Search API Route

Lecture 4: Search Results Components

Lecture 5: First Deployment

Lecture 6: Cache Posts

Lecture 7: Pre-Commit Hook With Husky

Lecture 8: Wrap Up

Instructors

Brad Traversy
Full Stack Web Developer & Instructor at Traversy Media

Rating Distribution

1 stars: 18 votes

2 stars: 22 votes

3 stars: 76 votes

4 stars: 361 votes

5 stars: 1310 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!