Next.js Dev to Deployment
Next.js Dev to Deployment

Learn Next.js by building a music event website

Created by Brad Traversy
Language English

Next.js Dev to Deployment

Next.js Dev to Deployment
Next.js Dev to Deployment

Learn Next.js by building a music event website

Created by Brad Traversy
Language English
01 Introduction
  • 001 Welcome To The Course 00:01:48
  • 002 What Is Next.js 00:04:37
  • 003 Main Project Overview 00:03:30
  • 004 Environment Tools 00:03:48
  • 005 Final Code Repo Links .html
02 Next.js Fundamentals
  • 001 Creating a Next.js App 00:07:03
  • 002 Pages Routing 00:07:53
  • 003 Next Link Router 00:05:44
  • 004 Head Tags Layout 00:09:13
  • 005 Header Footer 00:07:35
  • 006 Custom 404 Page 00:04:19
  • 007 Module Aliases With jsconfig 00:03:08
  • 008 Showcase Component 00:04:35
  • 009 styles .zip
  • 010 styles .zip
  • 013 images .zip
03 Data Fetching
  • 001 API Routes 00:09:52
  • 002 getServerSideProps getStaticProps 00:09:48
  • 003 DIsplaying Events 00:10:02
  • 004 getStaticPaths 00:08:24
  • 005 Single Event Page 00:08:51
  • 014 data.json .zip
04 Strapi Backend
  • 001 Strapi CMS Setup 00:06:05
  • 002 Cloudinary For Images 00:04:42
  • 003 Event Content Type 00:11:16
05 Events Functionality - Part 1
  • 001 Connecting to the Strapi API 00:08:01
  • 002 Search Page Using Filters 00:08:31
  • 003 Search Component 00:05:17
  • 004 Add Event Page 00:11:20
  • 005 Event Submit React Toastify 00:08:41
  • 006 Create a Slug 00:03:26
06 Events Functionality - Part 2
  • 001 Delete Events 00:03:51
  • 002 Edit Event Image Preview 00:09:54
  • 003 Modal Component 00:12:39
  • 004 Image Upload 00:12:20
  • 005 Events Pagination 00:12:12
07 Authentication JWT HttpOnly Cookies
  • 001 Register Login Forms 00:14:09
  • 002 Auth Context 00:14:49
  • 003 Our JWT Strategy Explained 00:05:25
  • 004 Login Get JWT 00:14:21
  • 005 Store JWT In Server HttpOnly Cookie 00:05:47
  • 006 Persist Logged In User 00:07:20
  • 007 Logout Destroy Cookie 00:04:01
  • 008 Register User 00:05:05
08 Authorization Access
  • 001 Custom User Events Endpoint 00:07:33
  • 002 Gettting User Events For Dashboard 00:05:00
  • 003 Display Dashboard Events 00:08:56
  • 004 Create Is Owner Policy For Events 00:06:37
  • 005 Associating Events With Users 00:04:42
  • 006 Authenticated Edit Delete Image Upload 00:08:59
09 Extras Deployment
  • 001 Add Map to Event Pages 00:12:15
  • 002 Strapi Backend Deploy - Heroku 00:16:38
  • 003 Next.js Deploy - Vercel 00:11:44
10 Project 2 - DevSpace Static Markdown Blog
  • 001 Project Intro 00:02:57
  • 002 Markdown - What Why 00:04:07
  • 003 Markdown Crash Course 00:06:34
  • 004 Project Repo Link .html
  • 005 Next.js TailwindCSS Setup 00:06:06
  • 006 Layout Component 00:05:17
  • 007 Header Tailwind Styling 00:09:17
  • 008 About 404 Page 00:06:35
  • 056 public-assets .zip
11 Fetch Parse Display Markdown Posts
  • 001 Blog Post Markdown Files 00:03:47
  • 002 Get Posts Parse Frontmatter 00:08:02
  • 003 Display Posts 00:13:49
  • 004 Sort Posts By Date 00:03:25
  • 005 Category Label Component 00:06:50
  • 006 Generate Static Paths Single Post Data 00:10:04
  • 007 Display Single Blog Post 00:08:06
  • 058 blog-posts-markdown .zip
12 Pagination Category Pages
  • 001 Start Pagination - Generate Paths 00:09:16
  • 002 Fetch Paginated Posts 00:05:06
  • 003 Pagination Links Component 00:09:15
  • 004 Category Pages 00:13:31
  • 005 Clean Up Get Posts 00:06:20
  • 006 Category Sidebar 00:11:17
  • 007 Next Export Limitations 00:06:00
13 Search Caching Posts Deployment
  • 001 How Search Will Work 00:02:46
  • 002 Search Component 00:04:56
  • 003 Search API Route 00:09:34
  • 004 Search Results Components 00:09:15
  • 005 First Deployment 00:03:09
  • 006 Cache Posts 00:06:37
  • 007 Pre-Commit Hook With Husky 00:06:28
  • 008 Wrap Up 00:05:12