Welcome to ShipThatBot, the open-source solution for launching AI chatbots swiftly and efficiently.
Next.js boilerplate code to build an AI chatbot in hours, not days.
Start at full speed with AI Chatbot SaaS Starter!
Installation · Tech Stack + Features · Author
Clone this repo locally with the following command:
npx create-next-app my-chat-bot-project --example "https://github.com/somilg050/ship-that-bot"
- Install dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
bun install
-
Copy
env.sample
to.env.local
and update the variables. -
Start the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
![DemoModal](https://private-user-images.githubusercontent.com/31178867/322935376-494083d2-16ac-4f8e-b7c6-5202abfc1668.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM3OTgyNjEsIm5iZiI6MTcyMzc5Nzk2MSwicGF0aCI6Ii8zMTE3ODg2Ny8zMjI5MzUzNzYtNDk0MDgzZDItMTZhYy00ZjhlLWI3YzYtNTIwMmFiZmMxNjY4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE2VDA4NDYwMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUyNGMyYjk2MDEzMzllMzM2MmViNDQ0Zjg3ZjNkM2I1ZjFmNmFmYjhhNTkzMDIzZDg0NTkxMjU3YTVmZGE0NGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.LE7KGl6Fun_FHplvnEcd3O8yEENypTSszuMV0mPcsgQ)
- Next.js – React framework for building performant apps with the best developer experience
- Vercel – Easily preview & deploy changes with git
- Firebase – Realtime database, authentication, and storage for your app
- Chakra UI – Simple, modular and accessible component library for React
- Radix UI – A collection of low-level UI components for building high-quality design systems and web apps
- Tailwind CSS – Utility-first CSS framework for rapid UI development
- Lucide – Beautifully simple, pixel-perfect icons
next/font
– Optimize custom fonts and remove external network requests for improved performance
- TypeScript – Static type checker for end-to-end typesafety
- Prettier – Opinionated code formatter for consistent code style
- ESLint – Pluggable linter for Next.js and TypeScript
- Vercel Analytics – Track unique visitors, pageviews, and more in a privacy-friendly way
![DarkModeLandingPage](https://private-user-images.githubusercontent.com/31178867/322965151-abd4a231-fc4b-4512-8893-7dce5897ca32.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM3OTgyNjEsIm5iZiI6MTcyMzc5Nzk2MSwicGF0aCI6Ii8zMTE3ODg2Ny8zMjI5NjUxNTEtYWJkNGEyMzEtZmM0Yi00NTEyLTg4OTMtN2RjZTU4OTdjYTMyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE2VDA4NDYwMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEyOWQzMDNiM2ZlMjY2ZWQ4NTM1NzZmMjM1MGVjN2IxZTAzZmFmYmIzODM4N2U1MmRhOGM2NWJkNDJlNDEzMWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.d1-wth68V0OvIMUgAGK3jtGFlYAYCyz1CggXSOEl7bg)
Screen.Recording.2024-04-17.at.12.43.32.PM.mov
Created by @somilg050 in 2024, released under the MIT license.