001 How Search Will Work | The Course Tree

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Complete Next.js Dev to Deployment Course

01 Introduction

001 Welcome To The Course (1:48)
002 What Is Next.js_ (4:37)
003 Main Project Overview (3:30)
004 Environment & Tools (3:48)

02 Next.js Fundamentals

001 Creating a Next.js App (7:02)
002 Pages & Routing (7:53)
003 Next Link & Router (5:44)
004 Head Tags & Layout (9:13)
005 Header & Footer (7:35)
006 Custom 404 Page (4:19)
007 Module Aliases With jsconfig (3:07)
008 Showcase Component (4:35)

03 Data Fetching

001 API Routes (9:52)
002 getServerSideProps & getStaticProps (9:48)
003 DIsplaying Events (10:01)
004 getStaticPaths (8:24)
005 Single Event Page (8:51)

04 Strapi Backend

001 Strapi CMS Setup (6:05)
002 Cloudinary For Images (4:42)
003 Event Content Type (11:15)

05 Events Functionality - Part 1

001 Connecting to the Strapi API (8:01)
002 Search Page Using Filters (8:31)
003 Search Component (5:17)
004 Add Event Page (11:20)
005 Event Submit & React Toastify (8:41)
006 Create a Slug (3:26)

06 Events Functionality - Part 2

001 Delete Events (3:51)
002 Edit Event & Image Preview (9:54)
003 Modal Component (12:39)
004 Image Upload (12:20)
005 Events Pagination (12:12)

07 Authentication, JWT & HttpOnly Cookies

001 Register & Login Forms (14:09)
002 Auth Context (14:49)
003 Our JWT Strategy Explained (5:25)
004 Login & Get JWT (14:21)
005 Store JWT In Server HttpOnly Cookie (5:47)
006 Persist Logged In User (7:20)
007 Logout & Destroy Cookie (4:01)
008 Register User (5:05)

08 Authorization & Access

001 Custom User Events Endpoint (7:33)
002 Gettting User Events For Dashboard (5:00)
003 Display Dashboard Events (8:56)
004 Create Is Owner Policy For Events (6:37)
005 Associating Events With Users (4:42)
006 Authenticated Edit, Delete & Image Upload (8:59)

09 Extras & Deployment

001 Add Map to Event Pages (12:15)
002 Strapi Backend Deploy - Heroku (16:38)
003 Next.js Deploy - Vercel (11:43)

10 Project 2 - DevSpace Static Markdown Blog

001 Project Intro (2:57)
002 Markdown - What & Why_ (4:07)
003 Markdown Crash Course (6:34)
005 Next.js & TailwindCSS Setup (6:06)
006 Layout Component (5:17)
007 Header & Tailwind Styling (9:17)
008 About & 404 Page (6:35)

11 Fetch, Parse & Display Markdown Posts

001 Blog Post Markdown Files (3:47)
002 Get Posts & Parse Frontmatter (8:02)
003 Display Posts (13:49)
004 Sort Posts By Date (3:24)
005 Category Label Component (6:50)
006 Generate Static Paths & Single Post Data (10:04)
007 Display Single Blog Post (8:06)

12 Pagination & Category Pages

001 Start Pagination - Generate Paths (9:15)
002 Fetch Paginated Posts (5:06)
003 Pagination Links Component (9:15)
004 Category Pages (13:30)
005 Clean Up Get Posts (6:20)
006 Category Sidebar (11:17)
007 Next Export & Limitations (6:00)

13 Search, Caching Posts & Deployment

001 How Search Will Work (2:46)
002 Search Component (4:56)
003 Search API Route (9:34)
004 Search Results Components (9:15)
005 First Deployment (3:09)
006 Cache Posts (6:36)
007 Pre-Commit Hook With Husky (6:28)
008 Wrap Up (5:12)

Teach online with

001 How Search Will Work

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock