Nextjs Roadmap

Theme by Blazity

|

Updated: 8 Sep 2023

|

335 Stars

Roadmap showcasing the journey to becoming a proficient Next.js Product Engineer in 2023

Categories

Overview

The document provides a roadmap for individuals looking to become proficient Next.js Product Engineers in 2023. Designed for team members at Blazity, the roadmap covers various aspects, such as resources, rendering techniques, styling, routers, performance, deployment, state management, testing, API communication, web sockets, architecture, and more.

Features

• Fundamentals: React, TypeScript, ts-reset, Next.js
• Rendering Techniques: Streaming, SSG, SPR, ISR, CSR, SSR, Preview Mode
• Styling & UI: Preprocessors, CSS in JS, Component Libraries
• Routers: App Router, Server Components, Client Components, Layouts, Pages Router
• Performance: Hydration, Progressive Hydration, Resumability, Bundle Analyzer
• Deployment: Hosting options
• State Management: Zustand, Context API, Jotai, Redux Toolkit, Recoil, XState, MobX
• Bundlers: Webpack, Turbopack
• Testing: E2E, Unit, Integration
• API Communication: REST, SWR, GraphQL, Web Sockets
• Architecture: Modular, Monorepo, Monolith

Installation

To install the theme, follow these steps:

1. Clone the GitHub repo using git clone https://github.com/example.git
2. Navigate to the project directory with cd project-directory
3. Install dependencies by running npm install
4. Start the development server using npm run dev
5. Access the theme on http://localhost:3000

Summary

The roadmap provides valuable guidance for individuals aspiring to excel as Next.js Product Engineers in 2023. It covers a wide range of topics including fundamentals, rendering techniques, styling, routers, performance, deployment, state management, testing, API communication, web sockets, and architecture. By following this roadmap, developers can enhance their skills and knowledge to succeed in the field.