Build the App
Style the first version of your chat UI. The starter already includes a Next.js frontend, a FastAPI backend, and the files that let them run together.
This is a scaffold. It is shaped for Vercel Services, but Aurora and AI Gateway are not connected yet.
Generate the app
Choose a look below, copy the prompt, or write your own if you already have a direction in mind.
Minimal prompt
Style the existing chat UI in this Next.js and FastAPI repository. Focus only on the frontend UI for the message input field, send button, scrollable message history area, and a sidebar where chat history will be shown. The sidebar can use placeholder/static conversation items for now; do not implement persistence or real chat-history logic yet. Use a Vercel-style black theme: near-black backgrounds, white primary text, muted gray secondary text, thin gray borders, generous spacing, subtle shadows, rounded message bubbles, and a calm product-quality feel.
Paste the prompt into the agent session you opened during setup. Let the agent focus on styling the UI while vercel dev keeps the starter preview running in your second Devbox session.
When the agent finishes, refresh the preview if needed and compare it to the starter you opened during setup.
You now have a styled fullstack app scaffold running in Devbox. Next, you will connect real Vercel Services.
You are ready when
- The chat page has your selected visual style.
- The sidebar is visible with placeholder chat history items.
vercel devis still running without errors.- You can see logs for both the UI and backend in the terminal.