← クエスト一覧へ

Next.js基礎 ガイドブック

🏠

次のステップ

1 記事
1
学習後のロードマップ

Next.js 基礎を学んだ後は、以下のステップで実力を伸ばしましょう。

🗺️ 次に学ぶといいコース・技術
1
Tailwind CSS ― Next.jsと組み合わせて最もよく使われるCSSフレームワーク。ユーティリティクラスで素早くスタイリング
2
TypeScript ― Next.jsプロジェクトではTypeScriptが標準。型安全なコードで開発効率UP
3
Prisma + PostgreSQL ― APIルートと組み合わせてデータベース操作を学ぶ
4
Vercel でデプロイ ― Next.jsの開発元Vercelなら無料で簡単にデプロイできる
5
Next.js 15 App Router ― 最新のApp Routerで Server Component・Streaming・Server Actionsを学ぶ
🚀 実際に作ってみよう!
  • 📝 個人ブログ:Markdownで記事を書いてSSGで配信
  • 🛍️ シンプルな商品一覧サイト:APIルートからデータを取得
  • 📊 ポートフォリオサイト:自分のスキル・制作物を紹介するサイト

npx create-next-app@latest my-project でプロジェクト作成からスタート!