Skip to content

k3ngo314/fullstack-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fullstack-Template

Next.js と FastAPI によるフルスタック開発のためのテンプレートです (Health Status Checker が含まれています)

デモ画像

demo

環境構築

backend

  1. backend/.envrcファイルを作成し、必要な環境変数を設定する

  2. backendディレクトリで以下のコマンドを実行し、依存パッケージをインストールする

    uv sync
  3. backendディレクトリで以下のコマンドを実行し、開発サーバーを立ち上げる

    make dev
  4. backendディレクトリで以下のコマンドを実行し、Schema・APIクライアントの設定ファイルを生成する

    make gen

frontend

  1. frontendで使用する Node.js と Yarn をインストールする

    volta install node
    volta install yarn
  2. frontendディレクトリで以下のコマンドを実行し、依存パッケージをインストールする

    yarn
  3. frontendディレクトリで以下のコマンドを実行し、Schema・API クライアントを生成

    yarn gen
  4. frontendディレクトリで、以下の環境変数ファイルfrontend/.env.localを作成する

    NEXT_PUBLIC_API_BASE_URL=http://127.0.0.1:8000
    
  5. frontendディレクトリで以下のコマンドを実行し、開発サーバーを立ち上げる

    yarn dev
  6. http://localhost:3000へアクセスしてページが表示されれば OK

About

Webアプリ開発用のテンプレート

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors