Completed
Adding React top loading bar to Codeswear.com | NextJs Tutorial for Beginners #59
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Next.js Complete Course for Beginners in Hindi
Automatically move to the next video in the Classroom when playback concludes
- 1 Introduction to Next.js | NextJs Tutorial for Beginners #1
- 2 Our first Next.js website | NextJs Tutorial for Beginners #2
- 3 File Based Routing in Next.js | NextJs Tutorial for Beginners #3
- 4 JavaScript and React Refresher for Next.js | NextJs Tutorial for Beginners #4
- 5 Project 1: Hunting Coder - A Coder's Blog | NextJs Tutorial for Beginners #5
- 6 Head and Script Component in Next.js | NextJs Tutorial for Beginners #6
- 7 Image Component in Next.js | NextJs Tutorial for Beginners #7
- 8 Creating Multiple Pages in Next.js | NextJs Tutorial for Beginners #8
- 9 Link component in Next.js - Understanding next/link | NextJs Tutorial for Beginners #9
- 10 Component Level CSS in Next.js | NextJs Tutorial for Beginners #10
- 11 Adding Global Styles in Next.js | NextJs Tutorial for Beginners #11
- 12 Styled jsx in Next.js | NextJs Tutorial for Beginners #12
- 13 Basic Cleanup of Hunting Coder Blog | NextJs Tutorial for Beginners #13
- 14 Displaying Navbar on all pages | NextJs Tutorial for Beginners #14
- 15 Creating Blog and Blogpost page | NextJs Tutorial for Beginners #15
- 16 Adding blog jsons as data | NextJs Tutorial for Beginners #16
- 17 Introduction to API Routes in Next.js | NextJs Tutorial for Beginners #17
- 18 Creating endpoints to get one/all blogposts | NextJs Tutorial for Beginners #18
- 19 Using the API Endpoints | NextJs Tutorial for Beginners #19
- 20 Fetching BlogPost using /getblog Endpoint | NextJs Tutorial for Beginners #20
- 21 Prerendering Strategies in Next.js | NextJs Tutorial for Beginners #21
- 22 Server Side Rendering - getServerSideProps() in Next.js | NextJs Tutorial for Beginners #22
- 23 Static site generation, getStaticProps() & getStaticPaths | NextJs Tutorial for Beginners #23
- 24 Rendering HTML text using dangerouslySetInnerHTML in Next.js | NextJs Tutorial for Beginners #24
- 25 Creating an API to save Contact Data | NextJs Tutorial for Beginners #25
- 26 Designing the /contact FrontEnd Page | NextJs Tutorial for Beginners #26
- 27 Designing the About Page | NextJs Tutorial for Beginners #27
- 28 Styling Fixes in our Hunting coder Blog | NextJs Tutorial for Beginners #28
- 29 Adding Infinite Scroll to Hunting Coder | NextJs Tutorial for Beginners #29
- 30 Adding Responsive Design to Hunting Coder | NextJs Tutorial for Beginners #30
- 31 Deploying Hunting Coder | NextJs Tutorial for Beginners #31
- 32 Adding huntingcoder.com Domain and Search Console | NextJs Tutorial for Beginners #32
- 33 Project 2: Codeswear.com - A Next.js powered E-Commerce Store | NextJs Tutorial for Beginners #33
- 34 Codeswear.com - Project Setup using Tailwind CSS | NextJs Tutorial for Beginners #34
- 35 Creating Pages for Codeswear.com | NextJs Tutorial for Beginners #35
- 36 Creating NavBar, Footer & HomePage for Codeswear.com | NextJs Tutorial for Beginners #36
- 37 Designing the Tshirts Page for Codeswear.com | NextJs Tutorial for Beginners #37
- 38 Designing Mugs, Sticker & Hoodies page for Codeswear.com | NextJs Tutorial for Beginners #38
- 39 Designing the Cart Sidebar for Codeswear.com | NextJs Tutorial for Beginners #39
- 40 Designing Product Page for Codeswear.com | NextJs Tutorial for Beginners #40
- 41 Adding Pincode Serviceability Check on Codeswear.com | NextJs Tutorial for Beginners #41
- 42 Creating Cart State for Codeswear.com | NextJs Tutorial for Beginners #42
- 43 Improving Sidebar & Checkout Page for Codeswear.com | NextJs Tutorial for Beginners #43
- 44 Creating Orders Page for Codeswear.com | NextJs Tutorial for Beginners #44
- 45 Creating Login & Signup Page Design for Codeswear.com | NextJs Tutorial for Beginners #45
- 46 Adding MongoDB Database to Codeswear.com | NextJs Tutorial for Beginners #46
- 47 Creating APIs for Codeswear.com | NextJs Tutorial for Beginners #47
- 48 Displaying Tshirts on Codeswear.com | NextJs Tutorial for Beginners #48
- 49 Displaying Tshirt Variants on product page | NextJs Tutorial for Beginners #49
- 50 Replacing Dummy Text on Codeswear.com | NextJs Tutorial for Beginners #50
- 51 Making the "Buy Now" button for Codeswear.com | NextJs Tutorial for Beginners #51
- 52 Adding React Toastify to Codeswear.com | NextJs Tutorial for Beginners #52
- 53 Customizing Hoodies, Mugs & Stickers Page for Codeswear.com | NextJs Tutorial for Beginners #53
- 54 Creating Signup Page for Codeswear.com | NextJs Tutorial for Beginners #54
- 55 Creating Login Page for Codeswear.com | NextJs Tutorial for Beginners #55
- 56 Adding Encryption to login and signup for Codeswear.com | NextJs Tutorial for Beginners #56
- 57 Introduction to JWT | NextJs Tutorial for Beginners #57
- 58 Adding Login and Logout buttons to Codeswear.com | NextJs Tutorial for Beginners #58
- 59 Adding React top loading bar to Codeswear.com | NextJs Tutorial for Beginners #59
- 60 Creating Orders Page for Codeswear.com | NextJs Tutorial for Beginners #60
- 61 Adding Environment Variables to Codeswear.com | NextJs Tutorial for Beginners #61
- 62 Adding Payment Gateway to Codeswear.com | NextJs Tutorial for Beginners #62
- 63 Initiating Order and Redirecting to Order Page | NextJs Tutorial for Beginners #63
- 64 Creating Order and Orders Page for the user | NextJs Tutorial for Beginners #64
- 65 Pincode to city & state | NextJs Tutorial for Beginners #65
- 66 Out of stock check in CodesWear.com | NextJs Tutorial for Beginners #66
- 67 Fixing Checkout Issues | NextJs Tutorial for Beginners #67
- 68 Showing Sidebar only for few pages | NextJs Tutorial for Beginners #68
- 69 PayTM checksum Tampering check | NextJs Tutorial for Beginners #69
- 70 Displaying out of stock items | NextJs Tutorial for Beginners #70
- 71 PinCodes json + avoiding non serviceable Locations | NextJs Tutorial for Beginners #71
- 72 Creating MyAccount Section for CodesWear | NextJs Tutorial for Beginners #72
- 73 Creating Forgot Password Page | NextJs Tutorial for Beginners #73
- 74 Deploying Codeswear.com to DigitalOcean | NextJs Tutorial for Beginners #74
- 75 Creating Dashboard for Codeswear.com | NextJs Tutorial for Beginners #75
- 76 Creating Pages for the Dashboard | NextJs Tutorial for Beginners #76
- 77 Populating pages with pages from the template| NextJs Tutorial for Beginners #77
- 78 Creating a Form for Adding Product | NextJs Tutorial for Beginners #78
- 79 Displaying All products in a Material UI Table | NextJs Tutorial for Beginners #79
