Next-boilerplate - Basic Next.js boilerplate ready to use in any type of websites

Last update: Jun 29, 2022



Logo

Basic Next.js boilerplate ready to use in any type of websites.

View demo »

My LinkedIn Profile · My Github Profile · Structure Documentation




Available Commands


In the project directory, you can run:

yarn dev

This command is used for creating a development server with fast reload functionality.

yarn build

This command is used for creating a optimized production build.

yarn start

This command is used for run a previous builded production website.

yarn lint

This command is used for run eslint syntax checking.



Features


  • Next.js: Minimalistic framework for SRR and SSG React applications.
  • Typescript: Superset of JavaScript which primarily provides optional static typing, classes and interfaces.
  • Styled Components: Declarative UI with CSS inside JS.
  • Eslint + Prettier: The pluggable linting and formating utility.
  • Babel: The compiler for next generation JavaScript.
  • Inline React SVGs: Babel plugin for add all SVGs direct into DOM.
  • Bundle Analyzer: Visualize the size of webpack output files with an interactive zoomable treemap.
  • Next Images: Next.js plugin for optimazing images
  • I18n: An internationalization-framework which provides a function that takes a key, some options, and returns the value for the current language. Helps you to add language translation support to your app.
  • Service Mocking: An alternative to mock all services for an easy front end development.
  • Lottie: Lightweight, scalable animations inside JS.


Next Features


  • Search and add a typing for the locales
  • Integrate storybook
  • Add Cypress (e2e) testing
    • Integrate Cypress
    • Create example test
  • Add Jest + React Testing Library (Unit and Integration) testing
    • Integrate Jest
    • Integrate React Testing Library
    • Create example test
  • Add Absolute paths
  • Add example CI/CD for github actions
  • Add a folder structure documentation
  • Add a CLI for creating project

🤝 Support


Give a ⭐️ if you like this project!

GitHub

https://github.com/matheusAlvarenga/next-boilerplate
You might also like...

Basic Lua & React (Javascript) boilerplate for FiveM

Basic Lua & React (Javascript) boilerplate for FiveM

Jul 29, 2022

This single-page app allows you to browse through 250 pokemon cards, filter them by type and open every single card to see its description

This single-page app allows you to browse through 250 pokemon cards, filter them by type and open every single card to see its description

This single-page app allows you to browse through 250 pokemon cards, filter them by type and open every single card to see its description. I used React and Redux to fetch Pokemon data from the API.

Jun 2, 2022

I have created a Login page type of app using react.js

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 28, 2021

A growing collection of responsive Chakra UI Templates ready to drop into your React project.

A growing collection of responsive Chakra UI Templates ready to drop into your React project.

Jul 31, 2022

🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

Aug 5, 2022

Starter template for Vite with React (TypeScript). Supports Tailwind with CSS-Modules. Jest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.

Starter template for Vite with React (TypeScript). Supports Tailwind with CSS-Modules. Jest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.

Mocking up web app with Vital(speed) Live Demo Features ⚡️ React 17 🦾 TypeScript, of course 🫀 Jest - unitary testing made easy 🎨 Tailwind with JIT

Jul 30, 2022

A ready to customize project to make a nice webapp using Node.js (Express.js) for the backend and React with Typescript and Redux for the frontend.

A ready to customize project to make a nice webapp using Node.js (Express.js) for the backend and React with Typescript and Redux for the frontend.

Mar 16, 2022

A ready template for a quick start with react. 🚀

A ready template for a quick start with react. 🚀

Aug 6, 2022

Boilerplate in typescript with : Next / Next-Auth / Siwe / Web3modal / useDapp / next-i18n / reactMUI

Boilerplate in typescript with : Next / Next-Auth / Siwe / Web3modal / useDapp / next-i18n / reactMUI

Jul 27, 2022
Comments
  • 1. Responsive

    I think for a template you'd need to have the app be responsive to any device, so I'd just like to suggest you implement width break points and flex / grid.

    Reviewed by etcroot at 2022-02-16 10:55
Modular-app - A ready to use react app, a perfect base for any web app
Modular-app - A ready to use react app, a perfect base for any web app

modular-app An optimized and ready to use React app, a standard template for eve

Jan 14, 2022
An Electron boilerplate featuring typescript, react, webpack, tailwind and redux - ready to use!

A secure, modular, and easy to use Electron Forge boilerplate featuring Typescript, React, Webpack, TailwindCSS, Redux and persistance (with redux-persist support)

Jul 21, 2022
A ready to use boilerplate for starting [experimental] react projects
A ready to use boilerplate for starting [experimental] react projects

material-ui-recoil-template A ready to use boilerplate for starting [experimental] react projects Initialized with Create-React-App flavored with: Mat

Jul 9, 2022
A well-structured production-ready frontend boilerplate for React and Next.js

superplate-core-plugins This is the source repository for superplate's core plugins. Plugins UI Frameworks Tailwind CSS React Bootstrap Chakra UI Ant

Jun 28, 2022
Template folder for creating websites using the React library.
Template folder for creating websites using the React library.

esgi-react-template Template folder for creating websites using the React library. Requirements Node.js NPM Or Docker Docker Compose GNU/Make (optiona

Jun 3, 2022
Electron-app - A ready-to-go with a well-thought-out structure Electron app boilerplate with ReactJS, TypeScript
Electron-app - A ready-to-go with a well-thought-out structure Electron app boilerplate with ReactJS, TypeScript

Electron App ??  A ready-to-go with a well-thought-out structure Electron app bo

Jul 30, 2022
This project is a React Starter Kit with basic tools and examples of their use.

Welcome React Starter Kit! This project is a React Starter Kit with basic tools and examples of their use. Tools used React: V17 react-hook-form: V7 r

Oct 27, 2021
CheatSheet - Pre-Configured list of Templates and Approval/Denial Reasons that is free for any Bot List or Bot List Staff to use
CheatSheet - Pre-Configured list of Templates and Approval/Denial Reasons that is free for any Bot List or Bot List Staff to use

Pre-Configured list of templates that any Bot List or Bot List Staff are free to use!

Jul 28, 2022
Basic Lua & React (TypeScript) boilerplate for FiveM
Basic Lua & React (TypeScript) boilerplate for FiveM

FiveM React and Lua Boilerplate A simple and extendable React (TypeScript) boilerplate designed around the Lua ScRT This repository is a basic boilerp

Aug 4, 2022
Basic VITO Typescript project boilerplate

cra-template-vitotypescript This is the official VITO TypeScript template for Create React App. To use this template, add --template vitotypescript wh

Dec 24, 2021