Next.js FastAPI Starter

• Overview: A hybrid application that combines Next.js for the frontend with FastAPI as the API backend, ideal for leveraging Python AI libraries in Next.js apps.

How It Works:

• The FastAPI server is integrated within the Next.js app under the /api/ path.
• Using next.config.js rewrites, requests to /api/:path* are directed to the FastAPI API located in the /api directory.
• Locally, rewrites target the FastAPI server at 127.0.0.1:8000.
• In production, the FastAPI server operates as serverless functions on Vercel.

Demo:

• Access the live demo at https://nextjs-fastapi-starter.vercel.app/.

Deploying Your Own:

• The app can be easily deployed to Vercel with a single click through the provided deployment option.

Local Development:

• Clone and set up the repository using npx create-next-app with the specified example URL.
• Install necessary dependencies using npm, yarn, or pnpm.
• Launch the development server with the corresponding start command.
• Access the app locally at http://localhost:3000 and the FastAPI server at http://127.0.0.1:8000.
• Adjust the FastAPI server port in package.json and next.config.js as needed.

Learning Resources:

• For Next.js: Explore official documentation and interactive tutorials to learn more about its features and API.
• For FastAPI: Delve into FastAPI documentation to understand its capabilities.