Skip to content

slayerpart/next-js-boilerplate-ts-redux-styled-components

Repository files navigation

Next.js Boilerplate including:

  • TypeScript - Static type checking
  • Styled Components - CSS in JS
  • Redux - Global app state with SSR support
  • ESLint — Find and fix problems in your code
  • Prettier — Code Formatter for consistent style
  • Yarn - Manage dependencies

Development

To start the project locally, run:

yarn dev

Open http://localhost:3000 with your browser to see the result.

Scripts

  • yarn dev — Starts the application in development mode at http://localhost:3000.
  • yarn build — Creates an optimized production build of your application.
  • yarn start — Starts the application in production mode.
  • yarn lint — Runs ESLint for all files in the src directory.
  • yarn check-types — Validate code using TypeScript compiler.

Path Aliases

TypeScript is configured with custom path aliases. To import components or files relative to repository root, use the @ prefix.

import { Button } from '@components/Button';

About

Next.js starter including ts, redux, styled-components and prettier

Topics

Resources

License

Stars

Watchers

Forks