https://github.com/just214/nextjs-typescript-tailwindcss-starter

A simple starter kit for Next.js, TypeScript, and Tailwind CSS with Jest and Enzyme.
https://github.com/just214/nextjs-typescript-tailwindcss-starter

enzyme jest nextjs react tailwindcss typescript

Last synced: about 2 months ago
JSON representation

A simple starter kit for Next.js, TypeScript, and Tailwind CSS with Jest and Enzyme.

• Host: GitHub
• URL: https://github.com/just214/nextjs-typescript-tailwindcss-starter
• Owner: just214
• Created: 2019-02-21T13:51:08.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T05:22:34.000Z (almost 2 years ago)
• Last Synced: 2023-03-02T23:22:06.906Z (almost 2 years ago)
• Topics: enzyme, jest, nextjs, react, tailwindcss, typescript
• Language: JavaScript
• Size: 18.1 MB
• Stars: 11
• Watchers: 1
• Forks: 1
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# nextjs-typescript-tailwindcss-starter

### A simple starter kit for Next.js, TypeScript, and Tailwind CSS with Jest, Enzyme, and Storybook.

##### [Next.js](https://nextjs.org/) is a minimalistic framework for server-rendered React applications.

##### [TypeScript](https://www.typescriptlang.org/) is a typed superset of JavaScript that compiles to plain JavaScript.

##### [Tailwind.css](https://tailwindcss.com/docs/) is a utility-first CSS framework for rapidly building custom user interfaces.

##### [Jest](https://jestjs.io/) is a library for testing JavaScript code.

##### [Enzyme](https://airbnb.io/enzyme/) is a JavaScript Testing utility for React that makes it easier to test your React Components' output.

##### [Storybook](https://storybook.js.org/) is a UI development environment and playground for UI components.

### Getting Started

`git clone https://github.com/gojutin/nextjs-typescript-tailwindcss-starter.git`

`yarn` or `npm i`

`yarn run dev` or `npm run dev` to start the development server.

`yarn run test` or `npm run test` to run tests.

`yarn run test:watch` or `npm run test:watch` to run tests in watch mode.

`yarn run test:coverage` or `npm run test:coverage` to run coverage report.

`yarn run build` or `npm run build` to generate production build.

`yarn run start` or `npm run start` to start development server with production build. (Requires build command first)

`yarn run storybook` to start Storybook.