nextjs dashboard

これはcreate-next-app --typescriptでブートストラップされたnext.jsプロジェクトです。

next.jsダッシュボード

有名なオープンソースのブーツストラップ管理テンプレート、Coreuiを備えたnext.jsボイラープレート。

このダッシュボードは、Appルーターを使用して、 TypescriptとReact Bootstrapで構築されています。

スクリーンショット

ダッシュボード

https://nextjs-dashboard-olive.vercel.app

ライト	暗い

モバイル（崩壊）	モバイル（拡張）

サンプルページ

https://nextjs-dashboard-olive.vercel.app/pokemons

多言語

英語	日本語

ログイン

https://nextjs-dashboard-olive.vercel.app/login

登録する

https://nextjs-dashboard-olive.vercel.app/register

はじめる

最初に、アプリケーションをセットアップします。

pnpm install

次に、開発サーバーを実行します。

pnpm run dev

http：// localhost：3000を開き、ブラウザを使用して結果を確認します。

app/(dashboard)/page.tsxを変更して、ページの編集を開始できます。ファイルを編集するときにページ自動更新。

もっと詳しく知る

next.jsの詳細については、次のリソースをご覧ください。

• next.jsドキュメント - next.js機能とAPIについて学びます。
• next.jsを学ぶ - インタラクティブなnext.jsチュートリアル。

next.js githubリポジトリを確認できます - フィードバックと貢献を大歓迎です！

参照

1. https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/function_components/