Back to Templates
Features ⚡️
- Typo-Tolerant Full-Text Search.
- Aggregations.
- Type-Safe SDK/ORM (schema-based types generation).
- Next.js App Directory with React Server Components.
- Intercepting Route
- Parallel Route
Stack ⚙️
| Package | Reason |
|---|---|
| Zod | Schema validation |
| Xata Client | ORM |
| TailwindCSS | Styles |
| vercel/OG | OG image generation |
| React-Icons | SVG Icons as React components |
Environment Setup 🧱
To have your own local instance of this app, you will need 2 API keys, and your deployment URL.
XATA_API_TOKEN: to connect your own Xata workspace.VERCEL_URL: popullated by Vercel, on your local environment it’s your local server url (https://localhost:3000by default).
Once you have those keys, you can create a .env.local as shown in .env.template.
Link to Xata 🦋
You can run the xata init command with some default configuration:
By the end you should have the XATA_API_TOKEN in your .env.local and a .xatarc file created.
Database Seed 🌱
Once you have a working link with the workspace, you can run:
This task will add 100 rows of mocked data to get you started with a working app.
Run Locally 🧑✈️
Once you project is linked and database has data, you can start the development server.
By default, server will run on localhost:3000.
Related Templates
Next.js OpenAI Doc Search Starter
Template for building your own custom ChatGPT style doc search powered by Next.js, OpenAI, and Supabase.
Medusa Next.js Ecommerce Store Starter
Ecommerce store template built with Next.js App Router, Medusa and TailwindCSS, with features like Algolia search and Stripe checkout.
Vercel Postgres pgvector Starter
A Next.js template that uses Vercel Postgres as the database, pgvector for vector similarity search + OpenAI's text embedding models.
