はじめに

これから、いくつかの記事に分けてNext.jsとFirebaseを使用したTodoアプリの実装について解説していきます！

Next.js初学者、プログラミング初学者に向けた記事です。少しでもお役に立てると幸いです！

Next.jsとは

Next.jsは、Reactをベースとした人気のあるJavaScriptフレームワークで、高性能かつ開発効率の高いWebアプリケーションを構築するための強力なツールです！

特徴は様々あり、サーバーサイドレンダリング(SSR)と静的サイト生成(SSG)という技術を使用することで、SEO（検索エンジン）の最適化やサイト表示速度を高速化することが容易にできます

また、app routerを使用することで、ディレクトリ構成がそのままルーティングとして使用されます！

プロジェクト作成

それでは、アプリを実装するNext.jsのプロジェクトを作成します！

コマンドプロンプト or ターミナルを開き、任意の場所で以下のコマンドを打ちます

npx create-next-app@latest sample-project

実行すると、sample-projectという名前でプロジェクトが作成されます

また、プロジェクト名の後にoptionを付けることが可能です

TypeScriptを使用してプロジェクトを作成する

npx create-next-app@latest sample-project --ts

他にも様々なオプションを付けることができますので、以下のリンクから確認してみてください！

https://nextjs.org/docs/app/api-reference/cli/create-next-app