Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More โ†’
Socket
Sign inDemoInstall
Socket

create-next-13-boilerplate

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

create-next-13-boilerplate

Boilerplate NextJS 13 + Typescript + Chakra UI + Prettier + ESLint + Pre-commit (Husky + Lint-staged) + Cypress (e2e + component)

  • 0.1.5
  • latest
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

Boilerplate NextJS 13 + Typescript + Chakra UI + Prettier + ESLint + Pre-commit (Husky + Lint-staged) + Cypress (e2e + component)

NEXT 13 BOILERPLATE

This is a Next.js Boilerplate set up with Typescript, Chakra UI, Eslint, Prettier, Pre-commit (Husky + lint-staged) and Cypress.

Get this starter project and maximize your experience like DEVELOPER!!!



System Requirements

  • Node.js 18.12.0 or later;
  • macOS, Windows (including WSL), and Linux are supported.

๐Ÿ’ป Programming languages and technologies

Features

  • โš›๏ธ All of Next's advantages (Live reload, SSR, SSG, native API... );
  • ๐ŸŽจ Styling with Chakra UI;
  • ๐ŸŒ“ Setup with dark/light theme support;
  • ๐Ÿ›  Types support by Typescript;
  • ๐Ÿ“ Code check and formatter by ESLint and Prettier;
  • โœ… Pre-commit check by Husky and Lint-staged;
  • ๐Ÿงช E2E and Component testing with Cypress;
  • โœจ Absolute imports (~);
  • ๐Ÿ’ก Minimal folder structure;
  • ๐Ÿ” SEO friendly;
  • ๐Ÿš€ All productivity to your project.

Automatic Installation

  • Install the create-next-13-boilerplate

$ yarn create next-13-boilerplate OR $ npx create-next-13-boilerplate

  • Put the Husky to work

$ yarn husky-install OR $ npm run husky-install

  • Run the development server

$ yarn dev OR $ npm run dev

  • and... ENJOY ๐Ÿ› ๏ธ๐Ÿšงโš™๏ธ
    1. Open (http://localhost:3000) with your browser to see the result.
    2. You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.

Manual Installation

  • Clone repository

$ git clone https://github.com/AstrOOnauta/next-13-boilerplate.git

  • Install dependencies

$ yarn OR $ npm i

  • Put the Husky to work

$ yarn husky-install OR $ npm run husky-install

  • Run the development server

$ yarn dev OR $ npm run dev

  • and... ENJOY ๐Ÿ› ๏ธ๐Ÿšงโš™๏ธ
    1. Open (http://localhost:3000) with your browser to see the result.
    2. You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.

Terminal commands

  • dev: runs your application on localhost:3000;
  • build: creates the production build version;
  • start: starts a simple server with the build production code;
  • prettier: runs the prettier commands in all components and pages;
  • lint: runs the lintering commands in all components and pages;
  • lint-staged: runs the linting & prettier commands to those files which are changed not all the project files;
  • husky-install: initialize the husky;
  • type-check: runs the linter in all components and pages;
  • cypress:open: runs cypress on browser to check e2e and components tests;
  • cypress:run: runs cypress on terminal to check e2e and components tests.


Thanks for stopping by! ๐Ÿ˜

FAQs

Package last updated on 17 Oct 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with โšก๏ธ by Socket Inc