Features · Model Providers · Getting Started · Resources ·

Features

• Next.js App Router
• React Server Components (RSCs), Suspense, and Server Actions
• Vercel AI SDK for streaming chat UI
• Support for OpenAI (default), Anthropic, Cohere, Hugging Face, or custom AI chat models and/or LangChain
• shadcn/ui
  • Styling with Tailwind CSS
  • Radix UI for headless component primitives
  • Icons from Radix UI Icons
• husky for pre-commit hooks
• lint-staged for running linters on staged files
• @akqa-denmark/eslint-config-akqa-dk our shared linting configurations

Getting Started

First, make sure you are on the correct node version:

nvm use

Then, install the dependencies:

npm install

Copy the .env.local.example file to .env.local and fill in the required environment variables.

Finally, run the development server:

npm run dev

Open https://localhost:3000 with your browser to see the result.

Resources

Next.js

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

Vercel AI SDK

• Vercel AI SDK Documentation - learn about the Vercel AI SDK and how to use it in your project.
• Vercel AI SDK Supported Providers - learn about the supported AI providers and how to use them in your project.
• Vercel AI SDK Playground - test the Vercel AI SDK with different providers and models.
• Vercel AI SDK and Next.js example project - A collection of Vercel AI SDK & Next.js projects.

v0

• v0 - a generative user interface system by Vercel powered by AI.
• v0 Documentation - learn about the v0 tool and pricing.

Tailwind CSS

• Tailwind CSS Documentation - learn about Tailwind CSS features and API.
• Tailwind UI - beautiful UI components, crafted by the creators of Tailwind CSS Details at IS4.

Shadcn UI, Radix UI, and Phosphor Icons

Note

ALL Shadcn UI components have been added to the project.

• Shadcn UI Documentation - learn about the Shadcn UI components and how to use them in your project.
• Radix UI Documentation - learn about the Radix UI components and how to use them in your project.
• Phosphor Icons Documentation - learn about the Phosphor Icons and how to use them in your project.