Sitemint: Your All-in-One Web Management Toolkit

Empower your web projects with Sitemint - streamlined site management, deployment, and insights at your fingertips.

Introduction · Installation · Tech Stack + Features · Credits

Introduction

Welcome to Sitemint, where we are redefining web project management. Sitemint provides a comprehensive suite of tools to help you build, deploy, and manage your web applications with ease. Whether you're scraping data, managing databases, or deploying your next big idea, Sitemint is designed to streamline your workflow.

Gain powerful insights and control over your web projects, enabling you to focus on innovation and development.

What we are using

Sitemint is built with a modern, powerful stack: Next.js 15, Prisma, Tailwind CSS, and Shadcn/UI.
These technologies are seamlessly integrated to accelerate development and provide a top-tier user experience.

Directory Structure

Sitemint's project structure:

.
├── app                          # Main application (Next.js App Router)
│    ├── actions                 # Server actions (database, scraper, deploy)
│    ├── api                     # API routes
│    ├── (routes)                # Application routes
│    └── ...
├── components                   # Shared UI components
├── config                       # Project configuration files
├── lib                          # Utility functions and libraries
├── prisma                       # Prisma schema and migrations
├── public                       # Static assets
├── LICENSE.md
└── README.md

Installation

Clone & create this repo locally with the following command:

git clone https://github.com/codehagen/sitemint.git
cd sitemint

1. Install dependencies using pnpm (or your preferred package manager like bun, npm, yarn):

pnpm install

2. Copy .env.example to .env.local (or .env) and update the variables.

cp env.example .env.local

3. Input all necessary environment variables. This will likely include:

   • Database connection string (e.g., for a PostgreSQL database like Neon)
   • OpenAI API Key (if using AI features)
   • Any other service API keys or configurations

4. Push the Prisma schema to your database: (Ensure your database is running and accessible)

npx prisma db push  

5. Start the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

Tech Stack + Features

Core Frameworks & Libraries

• Next.js – React framework for building performant server-rendered and static web applications.
• Prisma – Modern ORM for Node.js and TypeScript, simplifying database access.
• React – A JavaScript library for building user interfaces.
• OpenAI - Integrated for AI-powered features.
• Zod - TypeScript-first schema declaration and validation.

UI & UX

• Shadcn/ui – Re-usable components built using Radix UI and Tailwind CSS.
• Tailwind CSS – Utility-first CSS framework for rapid UI development.
• Framer Motion – Motion library for React to animate components with ease.
• @tabler/icons-react – Icon libraries for crisp, clear visuals.
• Recharts - Composable charting library.
• Sonner - Opinionated toast component for React.

Development & Tooling

• TypeScript – Strongly typed programming language that builds on JavaScript.
• ESLint – Pluggable linting utility for JavaScript and JSX.
• @tanstack/react-table - Headless UI for building powerful tables & datagrids.

Platforms (Example Integrations)

• Vercel – Easily preview & deploy changes with Git.

Contributing

We love our contributors! Here's how you can contribute:

• Open an issue if you believe you've encountered a bug.
• Make a pull request to add new features/make quality-of-life improvements/fix bugs.

Repo Activity (Example)