Next.js Starter Template

Small ready to go Next.js template perfect for starting a new web project.

About

Next.js & Tailwind css skeleton starter template. Next.js is a React front-end development web framework that enables functionality such as server-side rendering and generating static websites for React-based web applications. Tailwind CSS is a utility-first CSS framework, allowing for speedy component development. Mongoose is a simple MongoDB tool designed for asynchronous environment.

Features

• Next.js - Minimal framework for server-rendered React applications.
• Typescript - Superset of JavaScript which primarily provides optional static typing, classes and interfaces.
• ESLint - The pluggable linting utility with prettier.
• Prettier - An opinionated code formatter.
• Mongoose - Mongoose is a MongoDB object modelling tool designed to work in an asynchronous environment.
• Jest - Javascript testing framework, created by developers who created React.
• React Testing Library - Simple and complete React DOM testing utilities that encourage good testing practices.
• Tailwind CSS - A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
• Heroku Support - Deploy on Vercel and Heroku.
• Docker Support - Deploy to docker as a container.
• Bundle analyser - Visualize the size of webpack output files with an interactive zoomable treemap.
• pReact - Preact provides the thinnest possible Virtual DOM abstraction on top of the DOM

Updates -

08/06/2021

• Preact - Will reduce the overall bundle size significantly while still supporting all of the react features

Without preact

With preact