Nextjs Roadmap
Roadmap showcasing the journey to becoming a proficient Next.js Product Engineer in 2023
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
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vercel
Vercel offers built-in support for deploying and hosting Next.js applications, making it a popular choice among Next.js developers.
