Dashboard
    Learning Paths
    All Courses

    Classrooms
    Projects
    Playgrounds

    Your certificates

Next.js Mastery

As a 1337 member of codedamn, you will be able to follow along this timeline, complete tasks, and monitor your developer journey through this learning path. We're continuously updating and adding content to this learning path, so you never get behind!

  • Step #1

    Basic HTML/CSS Skills

    Learn about what HTML is in general and how to start working with it

      HTML revision
      CSS Revision
      Simple HTML/CSS Projects
  • Step #2

    JavaScript Basics

    Basics are so important! Let's get a solid base understanding of JavaScript before exploring other Next.js things

      JS Fundamentals
      ES6 Revision
  • Step #3

    React Fundamentals

    Next.js is 90% React, so it is of utmost importance to have the clearest React.js concepts before diving deep into Next.js

      Components
      Hooks
      Fundamentals
  • Step #4

    Next.js Introduction

    Finally we're here! Let's start with some Next.js magic by introducing some of the most common things with Next.js

      Fundamentals
      Pages
      Styling
      Folder structure
  • Step #5

    Next.js Development Setup

    We'll now setup Next.js common things - TypeScript, Sass modules, etc.

      TypeScript
      Sass modules
      Custom Webpack
      Custom Babel
  • Step #6

    Next.js Core

    It is important to cover Next.js core concepts before we explore what are the advanced topics with Next.js framework

      Data Fetching
      Routing
      APIs
      Next configuration
  • Step #7

    Routing

    Let's explore how to implement Routing with Next.js, and what kind of routing mechanisms there are for Next.js

      Simple Routing
      Dynamic Routing
      Imperative Routing
      Best Practices
  • Step #8

    Next.js API Programming

    Let's explore how to create APIs with Next.js and use them

      Custom Servers
      Lambda functions
      Next Middlewares
      Authentication
  • Step #9

    Next.js - eCommerce Project

    This is a complete Next.js eCommerce Project course.

      Full Project
      Takeaways
  • Step #10

    Next.js - Custom Blog

    This is a complete Next.js custom blog project course.

      Full Project
      Takeaways
  • Step #11

    Next.js + Electron Project

    This is a complete Next.js Electron Project course.

      Full Project
      Takeaways
  • Step #12

    Deploying Next.js

    You should now learn about how you can effectively deploy your Next.js projects.

      Vercel Introduction
      Scalable Deployments
      Project setup
      CI/CD
  • Step #13

    Advanced Next.js

      AMP
      Dynamic imports
      Performance Analysis
      Best Practices