next-typescript-template

Installation

# NPM
npx create-next-app --example https://github.com/Frantss/next-typescript-template

# Yarn
yarn create next-app --example https://github.com/Frantss/next-typescript-template

Includes

• Next.Js: A React framework for static and servers side rendering
• Preact: Small runtime with all the React capabilities, aliased as React, for seamless integration
• TypeScript: Why wouldn't you use it?
• Jest: Don't forget to write tests
  • Preact Testing Library: Great library to test all of your components and hooks
• Cypress: For end-to-end tests
• Redux Toolkit: The easy way to do redux
• Sass:
  • Autoprefixer
  • Modules
• Linting: For a clean and consistent codebase
  • ESLint
  • Prettier
  • Stylelint
  • lint-staged
  • Husky

Commands

• yarn install: Installs dependencies

• yarn dev: Run a development, HMR server

• yarn build: Production-ready build

• yarn start: Run a production-like server

• yarn lint: Check linting in typescript and scss files

• yarn lint:fix: Fix linting issues in typescript and scss files

• yarn test: Run tests

• yarn test:watch: Run tests in watch mode

• yarn test:coverage: Run tests in coverage mode

• yarn test:e2e: Run all cypress tests

For detailed explanation on how things work, checkout Next.Js Docs.