https://github.com/tubone24/my-nextjs-template

Such a template that implements Next.js with TypeScript, uses ChakraUI for CSS, and uses Jest for testing.
https://github.com/tubone24/my-nextjs-template

Last synced: 1 day ago
JSON representation

Such a template that implements Next.js with TypeScript, uses ChakraUI for CSS, and uses Jest for testing.

• Host: GitHub
• URL: https://github.com/tubone24/my-nextjs-template
• Owner: tubone24
• License: mit
• Created: 2021-05-06T03:44:56.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-10-29T17:21:20.000Z (about 2 months ago)
• Last Synced: 2024-10-29T18:45:44.373Z (about 2 months ago)
• Language: TypeScript
• Homepage: https://my-nextjs-template-tubone24.vercel.app/
• Size: 13.6 MB
• Stars: 1
• Watchers: 3
• Forks: 1
• Open Issues: 25
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![header](https://i.imgur.com/M2PhISt.png)

> This template implements Next.js with TypeScript, uses ChakraUI for CSS, uses Jest for testing, StoryBook for cataloging components, and Recoil for state management.

  

[![Test](https://github.com/tubone24/my-nextjs-template/actions/workflows/node.yml/badge.svg)](https://github.com/tubone24/my-nextjs-template/actions/workflows/node.yml)

## BackGround

I've had more and more opportunities to create everything with Next.js, but it's getting to be a hassle to modify the project from create-next-app to my liking every time. So I decided to create a template to speed up the development process.

## Getting Started

development

```

yarn dev

```

build

```

yarn build

```

typecheck

```

yarn typecheck

```

format for prettier

```

yarn format

```

Test

```

yarn test

```

Test(Update S)

StoryBook

```

yarn storybook

```

## Demo

[Demo site is here](https://my-nextjs-template-tubone24.vercel.app/)

## storybook

## Lighthouse