https://github.com/eason-dev/nextjs-starter-echo
My awesome next.js starter template
https://github.com/eason-dev/nextjs-starter-echo
nextjs starter template
Last synced: 12 days ago
JSON representation
My awesome next.js starter template
- Host: GitHub
- URL: https://github.com/eason-dev/nextjs-starter-echo
- Owner: eason-dev
- Created: 2021-10-26T20:44:33.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-01-27T17:08:41.000Z (over 3 years ago)
- Last Synced: 2025-06-29T08:36:18.632Z (11 months ago)
- Topics: nextjs, starter, template
- Language: JavaScript
- Homepage: https://nextjs-starter-echo.vercel.app/
- Size: 1.01 MB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Starter Echo
Awesome Next.js starter template made by Eason Chang
[Demo site](https://nextjs-starter-echo.vercel.app/)
[Storybook demo site](https://main--61787e383ce216004a69e924.chromatic.com/)
## features
- Next.js 12
- TailwindCSS
- Atomic design project structure
- Storybook
- Absolute import
- Hygen as code generator
- Eslint, Prettier
- Husky, lint-staged pre-commit hook
## Commands
### Start local dev server
```bash
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
### Start Storybook component dev environment
```bash
yarn storybook
```
This command will open [http://localhost:6006](http://localhost:6006) for you, this is where you can see storybook
### Generate new component scaffold
```bash
yarn new-component
```
This calls hygen to generate new component with basic file structures, including its JS file and stories.js file
You will be prompted to select component type (atoms, molecules, organisms, templates), and then input component name