说明: An open-source AI Chatbot SaaS Starter built using Next.js 14., stars:6, update:2024-04-24 07:36:34
# ShipThatBot
**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
---
## Installation
Clone this repo locally with the following command:
```bash
npx create-next-app my-chat-bot-project --example "https://github.com/somilg050/ship-that-bot"
```
* Install dependencies:
```sh
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:
```sh
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
---
## Tech Stack + Features
### Frameworks
- [Next.js](https://nextjs.org/) – React framework for building performant apps with the best developer experience
### Platforms
- [Vercel](https://vercel.com/) – Easily preview & deploy changes with git
- [Firebase](https://firebase.google.com/) – Realtime database, authentication, and storage for your app
### UI
- [Chakra UI](https://chakra-ui.com/) – Simple, modular and accessible component library for React
- [Radix UI](https://radix-ui.com/) – A collection of low-level UI components for building high-quality design systems and web apps
- [Tailwind CSS](https://tailwindcss.com/) – Utility-first CSS framework for rapid UI development
- [Lucide](https://lucide.dev/) – Beautifully simple, pixel-perfect icons
- [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) – Optimize custom fonts and remove external network requests for improved performance
### Code Quality
- [TypeScript](https://www.typescriptlang.org/) – Static type checker for end-to-end typesafety
- [Prettier](https://prettier.io/) – Opinionated code formatter for consistent code style
- [ESLint](https://eslint.org/) – Pluggable linter for Next.js and TypeScript
### Miscellaneous
- [Vercel Analytics](https://vercel.com/analytics) – Track unique visitors, pageviews, and more in a privacy-friendly way
---
## Dark Mode
---
## Demo Video
https://github.com/somilg050/ship-that-bot/assets/31178867/db7ab286-6088-4ef4-aa2e-baaa33755072
---
## Author
Created by [@somilg050](https://twitter.com/somilg050) in 2024, released under the [MIT license](https://github.com/somilg050/ship-that-bot/blob/main/LICENSE).