create-solana-agent

⚡ Get up and running fast with Solana agents ⚡

Just run one simple command to create a new agent chat UI with Solana Agent Kit!

npx create-solana-agent@latest

Features

• 🎨 Modern, minimalist UI

• ⛓️ Interact with 20+ Solana Protocols via Solana Agent Kit
• 🏗️ Built with:
  • Next 15
  • TypeScript
  • Tailwind CSS
  • Shadcn UI
  • Solana Agent Kit

Project Structure

template/
│   └── next
│       ├── app
│       │   ├── api
│       │   │   └── chat
│       │   │       └── route.ts
│       │   ├── chat
│       │   │   ├── [sessionId]
│       │   │   │   └── page.tsx
│       │   │   └── session
│       │   │       └── page.tsx
│       │   ├── layout.tsx
│       │   └── page.tsx
│       ├── components
│       │   ├── chat
│       │   ├── layout
│       │   └── ui
│       ├── config
│       │   ├── agent.ts
│       │   └── history.ts
│       ├── lib
│       │   ├── client
│       │   │   └── chat-api.ts
│       │   ├── solana-agent.ts
│       ├── store
│       │   └── useChatStore.ts

Development

Prerequisites

• Node.js 18.17 or later
• npm, yarn, or pnpm (latest versions preferred)

Installation

1. Create a new project:

   npx create-solana-agent@latest

2. Install dependencies:

   cd solana-agent-terminal
   pnpm install

3. Start the development server:

   pnpm run dev

Customization

Styling

The project uses Tailwind CSS for styling. Customize the theme in tailwind.config.ts:

export default {
  theme: {
    extend: {
      colors: {
        // Add your custom colors
      }
    }
  }
}

Components

UI components are built using shadcn/ui. Add new components:

npx shadcn add [component-name]

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Solana Agent Kit
• Next.js
• shadcn/ui
• Tailwind CSS

FAQ

Q: Can I use this in production?

A: Yes! The template is production-ready, but make sure to:

• Use appropriate environment variables
• Setup UI components based on your Frontend requirements
• Set up proper error handling
• Configure your Solana RPC endpoint

Q: How do I deploy this?

A: The app can be deployed to any platform that supports Next.js:

• Vercel (recommended)
• Netlify
• AWS

Q: How do I update the dependencies?

A: Run npm outdated to check for updates, then update packages individually or all at once with npm update.

Roadmap

• Add persistent storage for chat history
• Add CI/CD pipeline
• Make UI mobile friendly