Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tf63/next-template
Next.js テンプレート
https://github.com/tf63/next-template
app-router eslint jest nextjs14 plop pnpm prettier storybook tailwindcss
Last synced: 24 days ago
JSON representation
Next.js テンプレート
- Host: GitHub
- URL: https://github.com/tf63/next-template
- Owner: tf63
- Created: 2024-01-19T06:36:34.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-07-29T11:18:59.000Z (3 months ago)
- Last Synced: 2024-07-29T14:34:48.214Z (3 months ago)
- Topics: app-router, eslint, jest, nextjs14, plop, pnpm, prettier, storybook, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 871 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### next template
```
# プロジェクトの作成
pnpx create-next-app --ts frontend
# パッケージのインストール
pnpm install
# 新規インストール
pnpm install
# 開発サーバーの立ち上げ
pnpm run dev
```
plopのインストール
```
pnpm add -D plop
```
plopのtemplatesの作成
- `templates/`
jest, react-testing-libraryの導入
- https://qiita.com/masakiwakabayashi/items/204ed2b32254bbc9a5c1
- https://qiita.com/ossan-engineer/items/4757d7457fafd44d2d2f
- https://qiita.com/ridai/items/d87d77e329644aad3086
```
pnpm add -D jest jest-environment-jsdom @testing-library/react @testing-library/jest-dom ts-jest @types/jest
```
tsconfigの設定
- https://zenn.dev/nnt/articles/f69ce7a3492922
\*.test.tsと\*.spec.tsの使い分け
- https://zenn.dev/takashiaihara/articles/b35532a9f96c0c
### 参考
linter, formatterの設定
- https://zenn.dev/resistance_gowy/articles/91b4f62b9f48ec