Next.js is a minimalistic React framework that runs on the browser and the server. It offers developers an easy way to get started, and as it uses React.js for templating, it's also a straightforward way for developers with React experience to get productive quickly.
The advantage of this approach is to be able to create rich user experiences in a uniform way, without compromising SEO (Search Engine Optimisation) factors that are key to good ranking on Google and other search engines.
This boilerplate makes it easier to get up and running with a well-structured Next.js and TypeScript application.
next-boilerplate project provides a lot of features out of the box. Here's an overview of the included components and tools.
- Next.js - Minimalistic framework for server-rendered React applications.
- Typescript - Superset of JavaScript which primarily provides optional static typing, classes and interfaces.
- Redux - A predictable state container for JavaScript apps.
- Express.js- A minimal and flexible Node.js web application framework that handles server-side rendering and integrates with Next.js.
- Sass/Scss - CSS preprocessor, which adds special features such as variables, nested rules and mixins (sometimes referred to as syntactic sugar) into regular CSS.
- Babel - The compiler for next generation JavaScript.
- ESLint - The pluggable linting utility.
- Reverse Proxy - Lightweight server for proxying API requests.
- Bundler Analyzer - Visualize the size of webpack output files with an interactive zoomable treemap.
- next-runtime-dotenv - Expose environment variables to the runtime config of Next.js
- Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.