nextjs-roadmap

Below you'll find a comprehensive roadmap showcasing the journey to becoming a proficient Next.js Product Engineer in 2023. Initially designed for our team members at Blazity, we're thrilled to share this roadmap with the community to aid aspiring and seasoned developers alike.

Stay in the loop! Give a star :star: and watch :eyes: the GitHub Repo to get notified about fresh content and updates.

If you're looking to hire a Next.js specialist, drop us a message at contact@blazity.com.

What does Product Engineer mean?

Product Engineers emphasize the entire user experience, blending frontend, backend, and design. Unlike "fullstack" developers, they have a broad, not deep, grasp of technologies, applying them to craft seamless products. They prioritize rapid deployment and user feedback. In the engineering spectrum, they focus on user-centric features. The industry is transitioning from the title "Fullstack Engineer" to "Product Engineer", highlighting a broader role than just coding.

Disclaimer

The purpose of this roadmap is to give you an idea about the landscape. The road map will guide you if you are confused about what to learn next, rather than encouraging you to pick what is hip and trendy. You should grow some understanding of why one tool would be better suited for some cases than the other and remember hip and trendy does not always mean best suited for the job

Roadmap

Resources

1. Fundamentals:

   1. React
   2. Typescript
      1. ts-reset - a CSS reset for TypeScript, improving types for common JavaScript API's
   3. Next.js (similar frameworks: Hydrogen, Gatsby, Remix)

2. Rendering Techniques:

   1. Streaming
   2. SSG (Static Site Generation)
   3. SPR (Serverless Pre-rendering)
   4. ISR (Incremental Static Regeneration)
      1. Fixed
      2. On-demand
   5. CSR (Client-Side Rendering)
   6. SSR (Server-Side Rendering)
   7. Preview Mode

3. Styling & UI:

   1. Preprocessors:
      1. Sass
      2. PostCSS
      3. Less
   2. CSS in JS:

🚦 Wrap Up

Feel there's room for enhancement in any sections of the roadmap? Please consider opening a PR with your suggestions or flag any concerns via issues. We're committed to continuous improvement, so you might want to watch/star this repository for future updates.

🙌 Contribution

Contributions are always welcome! To