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:
- Clone the GitHub repo using
git clone https://github.com/example.git
- Navigate to the project directory with
cd project-directory
- Install dependencies by running
npm install
- Start the development server using
npm run dev
- 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.