/nextjs-fastapi-starter

Starter template for NextJs with FastAPI.

Primary LanguageCSSMIT LicenseMIT

NextJs - FastAPI starter template

This is a starter template for a NextJs frontend with a FastAPI backend.

How to use

You can develop the frontend and backend separately.

To call the backend from the frontend, just prefix the endpoint with /api.

const res = await fetch('/api/hello')

Development

Development requirements

  • NodeJS

  • Python

How to run

  • Frontend

On the root folder:

First Time

npm install

Run

npm run dev
  • Backend

In the backend folder:

First Time

pip install -r requirements.txt

Run

uvicorn main:app --reload

On development, because of the CORS, you need to run browser with security disabled.

(VSCode configuration is already set to run Chrome with security disabled)

Deployment

Deploy requirements

  • Docker

How to deploy

docker-compose up

It will run on port 8080.