Weather AI

Weather AI is weather chatbot that uses generative UI to provide a conversational interface for weather information.

Demo Video · Features · Running locally. Acknowledgments

Features

• Next.js App Router
• React Server Components (RSCs), Suspense, and Server Actions
• Vercel AI SDK for streaming chat UI
• shadcn/ui
  • Styling with Tailwind CSS
  • Radix UI for headless component primitives
  • Icons from Phosphor Icons

Running locally

You will need to use the environment variables defined in .env.example

Note: You should not commit your .env file or it will expose secrets that will allow others to control access to your various OpenAI and authentication provider accounts.

pnpm install
pnpm dev

Your app template should now be running on localhost:3000.

Acknowledgments

This woun't be possible without the following resources:

• Vercel AI SDK
• Next Weather
• Shadcn UI