next pages template

Mantine Next.jsテンプレート

これは、next.jsページルーター +マンティンのテンプレートです。代わりにアプリルーターを使用する場合は、次のアプリテンプレートを参照してください。

特徴

このテンプレートには、次の機能が付属しています。

• Mantine-PostCSS-Presetを使用したPostCSS
• タイプスクリプト
• ストーリーブック
• React Testingライブラリを備えたJestセットアップ
• Eslint-Config-Mantineを使用したEslintセットアップ

NPMスクリプト

ビルドおよび開発スクリプト

• dev - DEVサーバーを起動します
• build - 生産用のバンドルアプリケーション
• export - 静的ウェブサイトをoutフォルダーにエクスポートします
• analyze - @next/bundle-analyzerでアプリケーションバンドルを分析します

スクリプトのテスト

• typecheck - タイプスクリプトタイプをチェックします
• lint - Eslintを実行します
• prettier:check - ファイルをPrettierでチェックします
• jest - Jestテストを実行します
• jest:watch - Jest Watchを開始します
• test - jest 、 prettier:check 、 lint 、 typecheckスクリプト

他のスクリプト

• storybook - ストーリーブックDEVサーバーを開始します
• storybook:build - storybook-staticへの制作ストーリーブックバンドルをビルドします
• prettier:write - すべてのファイルをきれいにフォーマットします