somilg050 / ship-that-bot

An open-source AI Chatbot SaaS Starter built using Next.js 14.

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:

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

---

Tech Stack + Features

Frameworks

• Next.js – React framework for building performant apps with the best developer experience

Platforms

• Vercel – Easily preview & deploy changes with git
• Firebase – Realtime database, authentication, and storage for your app

UI

• 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

Code Quality

• 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

Miscellaneous

• Vercel Analytics – Track unique visitors, pageviews, and more in a privacy-friendly way

---

Dark Mode

---

Demo Video

Screen.Recording.2024-04-17.at.12.43.32.PM.mov

---

Author

Created by @somilg050 in 2024, released under the MIT license.