commit 640e47a30549916cad3021a4f38948b861bc66bb
Author: open-fox
Date: Sun Aug 9 23:23:29 2026 +0800
feat: open source Mkdirs
diff --git a/.cursor/rules/01-project-overview.mdc b/.cursor/rules/01-project-overview.mdc
new file mode 100644
index 0000000..4577cf4
--- /dev/null
+++ b/.cursor/rules/01-project-overview.mdc
@@ -0,0 +1,33 @@
+# Project Overview
+
+Mkdirs is a directory website template that allows users to launch AI-powered directory websites in minutes. It comes packed with features like AI integration, listings, payment processing, submission forms, CMS, blog, authentication, newsletter, SEO optimization, and theming support.
+
+## Key Information
+
+- **Project Name**: Mkdirs Template
+- **Website**: https://mkdirs.com
+- **Documentation**: Available at https://docs.mkdirs.com
+- **Tech Stack**: Next.js, Sanity CMS, TypeScript, Tailwind CSS
+
+## Main Features
+
+- AI-powered directory functionality
+- Listing management
+- Payment processing
+- User authentication
+- Content management system (Sanity)
+- Blog functionality
+- Newsletter integration
+- SEO optimization
+- Theming support
+
+## Project Structure
+
+The project follows a standard Next.js application structure with additional Sanity CMS integration:
+
+- `src/app`: Contains the application routes and pages
+- `src/components`: Reusable React components
+- `src/lib`: Utility functions and libraries
+- `src/sanity`: Sanity CMS related configuration and schemas
+- `src/actions`: Server actions (Next.js)
+- `scripts`: Utility scripts for various operations
diff --git a/.cursor/rules/02-tech-stack.mdc b/.cursor/rules/02-tech-stack.mdc
new file mode 100644
index 0000000..2cab11d
--- /dev/null
+++ b/.cursor/rules/02-tech-stack.mdc
@@ -0,0 +1,43 @@
+# Tech Stack and Architecture
+
+This document outlines the key technologies used in the Mkdirs template and how they work together.
+
+## Core Technologies
+
+- **Next.js**: The React framework used for building the application with server-side rendering, API routes, and server components
+- **TypeScript**: Used for type-safe code across the entire codebase
+- **Sanity CMS**: Headless CMS for managing content
+- **Tailwind CSS**: Utility-first CSS framework for styling
+- **Radix UI**: Unstyled, accessible UI components
+- **NextAuth**: Authentication solution for Next.js applications
+- **Stripe**: Payment processing
+- **React Email**: For creating and sending emails
+- **React Hook Form**: Form handling
+- **Zod**: Data validation
+
+## File Structure
+
+- **package.json**: Contains all dependencies and scripts
+- **next.config.mjs**: Next.js configuration
+- **tailwind.config.ts**: Tailwind CSS configuration
+- **sanity.config.ts**: Sanity CMS configuration
+- **src/app**: Next.js app router pages and layouts
+- **src/components**: Reusable UI components
+- **src/lib**: Utility functions and shared code
+- **src/sanity**: Sanity schema definitions and utilities
+
+## Key Architectural Patterns
+
+- **App Router**: Uses Next.js App Router for routing
+- **Server Components**: Leverages React Server Components for better performance
+- **Server Actions**: Uses Next.js Server Actions for server-side data mutations
+- **Content Management**: Sanity CMS for structured content
+- **Authentication**: Secure authentication with NextAuth
+- **API Routes**: Backend functionality exposed through API routes
+- **Responsive Design**: Mobile-first approach with Tailwind CSS
+
+## Build and Deployment
+
+- **Development**: `pnpm dev` for local development
+- **Build**: `pnpm build` for production builds
+- **Docker Support**: Includes Dockerfile for containerization
diff --git a/.cursor/rules/03-app-structure.mdc b/.cursor/rules/03-app-structure.mdc
new file mode 100644
index 0000000..059a9f2
--- /dev/null
+++ b/.cursor/rules/03-app-structure.mdc
@@ -0,0 +1,50 @@
+# Application Structure
+
+This document outlines the structure of the Next.js application and key entry points.
+
+## App Router Structure
+
+The application uses Next.js App Router with a split between website and Sanity Studio routes:
+
+- **src/app/(website)**: Public-facing website routes
+- **src/app/(sanity)**: Sanity Studio admin routes
+- **src/app/api**: API routes for various functionalities
+
+## Key Routes
+
+- **/**: Main landing page
+- **/auth**: Authentication-related pages (sign-in, sign-up)
+- **/[item|category|tag|collection]**: Directory listings pages
+- **/blog**: Blog section
+- **/dashboard**: User dashboard
+- **/studio**: Sanity Studio CMS interface
+
+## Authentication
+
+Authentication is handled through NextAuth with various providers and credentials authentication:
+
+- **src/auth.ts**: Main authentication configuration
+- **src/auth.config.ts**: Auth providers and callbacks
+
+## Components Organization
+
+Components are organized into several categories:
+
+- **UI Components**: Basic reusable UI elements
+- **Layout Components**: Page layouts and structural components
+- **Feature Components**: Components specific to certain features
+- **Form Components**: Input and form-related components
+
+## Data Flow
+
+The application follows these data flow patterns:
+
+1. **Server Components**: Fetch data directly from the database/CMS
+2. **Server Actions**: Handle data mutations and form submissions
+3. **API Routes**: Provide data endpoints for client components
+4. **Client Components**: Use hooks for client-side data fetching and state management
+
+## Middleware
+
+- **src/middleware.ts**: Handles authentication, redirects, and other middleware functionality
+- **src/routes.ts**: Defines route configurations and access control
diff --git a/.cursor/rules/04-sanity-integration.mdc b/.cursor/rules/04-sanity-integration.mdc
new file mode 100644
index 0000000..8759d34
--- /dev/null
+++ b/.cursor/rules/04-sanity-integration.mdc
@@ -0,0 +1,63 @@
+# Sanity CMS Integration
+
+This document outlines how Sanity CMS is integrated into the Mkdirs template.
+
+## Configuration Files
+
+- **sanity.config.ts**: Main Sanity configuration file
+- **sanity.cli.ts**: CLI configuration for Sanity
+- **sanity-typegen.json**: Configuration for type generation
+- **schema.json**: Generated Sanity schemas in JSON format
+- **sanity.types.ts**: Generated TypeScript types for Sanity schemas
+
+## Schema Structure
+
+The Sanity schema is organized in the `src/sanity` directory:
+
+- **src/sanity/schemas**: Contains all content type definitions
+- **src/sanity/lib**: Utility functions for working with Sanity
+- **src/sanity/plugins**: Additional plugins for Sanity Studio
+- **src/sanity/components**: Custom components in Sanity Studio
+
+## Content Types
+
+Key content types defined in the schema include:
+
+- **Item**: Directory listing entries
+- **Category**: Listing categories
+- **Tag**: Listing tags
+- **Collection**: Listing collections
+- **Group**: Listing category groups
+- **Blog Posts**: Blog content
+- **Authors**: Content creators
+- **Pages**: Static page content
+- **Settings**: Global site settings
+
+## Data Fetching
+
+Sanity data is fetched using GROQ queries through the following methods:
+
+1. **Client API**: Using the Sanity client to fetch data
+2. **Next.js Data Fetching**: Server components that directly fetch Sanity data
+3. **API Routes**: API endpoints that serve Sanity data
+
+## Preview Functionality
+
+The template includes a preview mode for content editing:
+
+- **Draft Preview**: See draft content before publishing
+
+## Studio Customization
+
+The Sanity Studio interface is customized for the Mkdirs use case:
+
+- **Custom Desk Structure**: Organized content editing interface
+- **Custom Input Components**: Specialized input fields for directories
+- **Sanity Plugins**: Additional functionality through Sanity plugins
+
+## Type Generation
+
+Types are automatically generated from Sanity schemas:
+
+- Run `pnpm typegen` to update TypeScript types after schema changes
+- Generated types ensure type safety when working with Sanity content
diff --git a/.cursor/rules/05-ai-integration.mdc b/.cursor/rules/05-ai-integration.mdc
new file mode 100644
index 0000000..aca3d58
--- /dev/null
+++ b/.cursor/rules/05-ai-integration.mdc
@@ -0,0 +1,33 @@
+# AI Integration
+
+This document outlines the AI capabilities integrated into the Mkdirs template.
+
+## AI Providers
+
+The template supports multiple AI providers through AI SDK:
+
+- **OpenAI**: Via `@ai-sdk/openai`
+- **Google AI**: Via `@ai-sdk/google`
+- **DeepSeek**: Via `@ai-sdk/deepseek`
+
+## AI Features
+
+AI is integrated into various parts of the application:
+
+- **Content Generation**: Assist in creating listings information
+
+## AI Configuration
+
+AI providers can be configured in the application settings:
+
+- **API Keys**: Securely stored provider API keys
+- **Model Selection**: Choose which models to use
+
+## Privacy and Ethics
+
+The AI implementation follows best practices:
+
+- **User Consent**: Clear disclosure of AI usage
+- **Data Privacy**: No unnecessary data sharing with AI providers
+- **Human Review**: Critical AI-generated content requires human approval
+- **Transparency**: Clear indication of AI-generated content
diff --git a/.cursor/rules/06-development-guide.mdc b/.cursor/rules/06-development-guide.mdc
new file mode 100644
index 0000000..c61daac
--- /dev/null
+++ b/.cursor/rules/06-development-guide.mdc
@@ -0,0 +1,53 @@
+# Development Guide
+
+This document provides guidelines for developing and contributing to the Mkdirs template.
+
+## Development Setup
+
+1. Clone the repository
+2. Install dependencies with `pnpm install`
+3. Set up environment variables (copy `.env.example` to `.env`)
+4. Run the development server with `pnpm dev`
+
+## Environment Variables
+
+Key environment variables needed for development:
+
+- **NEXT_PUBLIC_SITE_URL**: Base URL of the site
+- **NEXT_PUBLIC_SANITY_PROJECT_ID**: Sanity project ID
+- **NEXT_PUBLIC_SANITY_DATASET**: Sanity dataset name
+- **SANITY_API_TOKEN**: Sanity API token
+- **NEXTAUTH_SECRET**: Secret for NextAuth
+- **STRIPE_SECRET_KEY**: Stripe API secret key
+
+## Code Style and Linting
+
+The project uses Biome for code formatting and linting:
+
+- **biome.json**: Biome configuration
+- Run `pnpm lint` to check for code style issues
+- Run `pnpm format` to format the codebase
+
+## Scripts
+
+Utility scripts for common tasks:
+
+- **scripts**: Directory containing utility scripts
+- **Batch Operations**: Scripts for batch operations on items
+- **Email Export**: Tools for exporting user emails
+- **Microlink Integration**: Scripts for working with microlink
+
+## Build and Deployment
+
+Steps for building and deploying the application:
+
+1. Run `pnpm build` to create a production build
+2. Verify the build with `pnpm start`
+3. Deploy to your hosting platform of choice
+
+### Docker Deployment
+
+For Docker-based deployment:
+
+- **Dockerfile**: Docker configuration
+- **next.config.docker.mjs**: Next.js configuration for Docker
diff --git a/.cursor/rules/07-best-practices.mdc b/.cursor/rules/07-best-practices.mdc
new file mode 100644
index 0000000..bf9a49b
--- /dev/null
+++ b/.cursor/rules/07-best-practices.mdc
@@ -0,0 +1,73 @@
+# Best Practices
+
+This document outlines best practices for working with the Mkdirs codebase.
+
+## Code Organization
+
+Follow these guidelines for code organization:
+
+- **Component Isolation**: Keep components focused on a single responsibility
+- **Server vs. Client**: Clearly separate server and client components
+- **Type Definitions**: Place shared types in the `src/types` directory
+- **Utility Functions**: Extract reusable logic to the `src/lib` directory
+- **Page Structure**: Maintain consistent page component structure
+
+## Performance Optimization
+
+Ensure optimal performance:
+
+- **Server Components**: Use React Server Components for data-fetching operations
+- **Image Optimization**: Use Next.js Image component with proper sizing
+- **Bundle Size**: Monitor and optimize bundle size
+- **Lazy Loading**: Implement lazy loading for below-the-fold content
+- **Caching Strategy**: Leverage Next.js caching capabilities
+
+## State Management
+
+Guidelines for state management:
+
+- **Local State**: Use React's useState for component-specific state
+- **Form State**: Use React Hook Form for form state management
+- **Server State**: Prefer server components over client-side data fetching
+- **URL State**: Use URL parameters for shareable state
+- **Context API**: Use sparingly for deeply nested shared state
+
+## Error Handling
+
+Implement robust error handling:
+
+- **Error Boundaries**: Use React Error Boundaries for client components
+- **Form Validation**: Implement Zod validation for all forms
+- **API Errors**: Handle API errors gracefully with fallbacks
+- **Logging**: Log errors for debugging and monitoring
+- **User Feedback**: Provide clear error messages to users
+
+## Accessibility
+
+Ensure accessibility compliance:
+
+- **Semantic HTML**: Use appropriate HTML elements
+- **ARIA Attributes**: Add ARIA attributes where necessary
+- **Keyboard Navigation**: Ensure all interactions work with keyboard
+- **Color Contrast**: Maintain sufficient contrast ratios
+- **Screen Readers**: Test with screen readers
+
+## Security Best Practices
+
+Follow these security guidelines:
+
+- **Input Validation**: Validate all user inputs server-side
+- **Authentication**: Use NextAuth for secure authentication
+- **Authorization**: Implement proper authorization checks
+- **CSRF Protection**: Use proper CSRF tokens
+- **XSS Prevention**: Sanitize user-generated content
+
+## Testing Strategy
+
+Approach to testing:
+
+- **Component Testing**: Test UI components in isolation
+- **Integration Testing**: Test feature workflows
+- **Mocking**: Mock external services in tests
+- **Test Coverage**: Aim for good coverage of critical paths
+- **E2E Testing**: Implement end-to-end tests for critical flows
diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..73b4211
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,114 @@
+# "http://localhost:3000" or "https://mkdirs.com"
+NEXT_PUBLIC_APP_URL=
+
+# -----------------------------------------------------------------------------
+# Dataset & Storage (Sanity)
+# -----------------------------------------------------------------------------
+# https://www.sanity.io/manage
+NEXT_PUBLIC_SANITY_DATASET=
+NEXT_PUBLIC_SANITY_PROJECT_ID=
+SANITY_API_TOKEN=
+
+# -----------------------------------------------------------------------------
+# Email (Resend)
+# -----------------------------------------------------------------------------
+# https://resend.com/api-keys
+RESEND_API_KEY=
+RESEND_EMAIL_FROM=
+RESEND_EMAIL_ADMIN=
+RESEND_AUDIENCE_ID=
+
+# -----------------------------------------------------------------------------
+# Payment (Stripe)
+# -----------------------------------------------------------------------------
+STRIPE_API_KEY=
+STRIPE_WEBHOOK_SECRET=
+NEXT_PUBLIC_STRIPE_PRO_PRICE_ID=
+NEXT_PUBLIC_STRIPE_SPONSOR_PRICE_ID=
+
+# -----------------------------------------------------------------------------
+# Authentication (NextAuth)
+# -----------------------------------------------------------------------------
+# https://authjs.dev/getting-started/deployment#auth_secret
+# Secret can be generated with `openssl rand -base64 32`
+AUTH_SECRET=
+
+# https://authjs.dev/getting-started/authentication/oauth
+# https://console.cloud.google.com/apis/credentials
+AUTH_GOOGLE_ID=
+AUTH_GOOGLE_SECRET=
+
+# https://authjs.dev/getting-started/authentication/oauth
+# https://github.com/settings/developers
+AUTH_GITHUB_ID=
+AUTH_GITHUB_SECRET=
+
+# https://authjs.dev/getting-started/deployment#auth_trust_host
+# In a Docker environment, make sure to set either trustHost: true in your Auth.js configuration
+# or the AUTH_TRUST_HOST environment variable to true.
+# AUTH_TRUST_HOST=true
+
+# https://authjs.dev/getting-started/deployment#auth_url
+# This environment variable is mostly unnecessary with v5 as the host is inferred from the request headers.
+# However, if you are using a different base path, you can set this environment variable as well.
+# AUTH_URL=https://demo.mkdirs.com/api/auth
+
+# -----------------------------------------------------------------------------
+# Analytics (OpenPanel & Google)
+# -----------------------------------------------------------------------------
+# OpenPanel Analytics (https://openpanel.dev)
+NEXT_PUBLIC_OPENPANEL_CLIENT_ID=
+
+# Google Analytics (https://analytics.google.com)
+NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=
+
+# Umami Analytics (https://umami.is)
+NEXT_PUBLIC_UMAMI_WEBSITE_ID=""
+NEXT_PUBLIC_UMAMI_SCRIPT="https://cloud.umami.is/script.js"
+
+# Plausible Analytics (https://plausible.io)
+NEXT_PUBLIC_PLAUSIBLE_DOMAIN=""
+NEXT_PUBLIC_PLAUSIBLE_SCRIPT="https://plausible.io/js/script.js"
+
+# -----------------------------------------------------------------------------
+# Notifications (discord)
+# -----------------------------------------------------------------------------
+DISCORD_WEBHOOK_URL=""
+
+# -----------------------------------------------------------------------------
+# AI SDK (https://sdk.vercel.ai)
+# default ai provider: ``, available values: `google`, `deepseek`, `openai`, `xai`, `openrouter`
+# google/deepseek/xai/openrouter are tested, openai is not tested yet
+# -----------------------------------------------------------------------------
+DEFAULT_AI_PROVIDER=
+
+# -----------------------------------------------------------------------------
+# Google Generative AI (https://aistudio.google.com/apikey)
+# NOTE: if you set `DEFAULT_AI_PROVIDER=google`, you should set this API_KEY
+# -----------------------------------------------------------------------------
+GOOGLE_GENERATIVE_AI_API_KEY=
+
+# -----------------------------------------------------------------------------
+# DeepSeek (https://platform.deepseek.com/api_keys)
+# NOTE: if you set `DEFAULT_AI_PROVIDER=deepseek`, you should set this API_KEY
+# -----------------------------------------------------------------------------
+DEEPSEEK_API_KEY=
+
+# -----------------------------------------------------------------------------
+# OpenAI (https://platform.openai.com/settings/organization/api-keys)
+# NOTE: if you set `DEFAULT_AI_PROVIDER=openai`, you should set this API_KEY
+# -----------------------------------------------------------------------------
+OPENAI_API_KEY=
+
+# -----------------------------------------------------------------------------
+# XAI (https://console.x.ai/)
+# NOTE: if you set `DEFAULT_AI_PROVIDER=xai`, you should set this API_KEY
+# -----------------------------------------------------------------------------
+XAI_API_KEY=
+
+# -----------------------------------------------------------------------------
+# OpenRouter (https://openrouter.ai/settings/keys)
+# NOTE: if you set `DEFAULT_AI_PROVIDER=openrouter`, you should set this API_KEY
+# -----------------------------------------------------------------------------
+OPENROUTER_API_KEY=
+OPENROUTER_MODEL=
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
new file mode 100644
index 0000000..bc81750
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -0,0 +1,38 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: "[BUG]"
+labels: bug
+assignees: javayhu
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 0000000..9f85240
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,11 @@
+blank_issues_enabled: false
+contact_links:
+ - name: Mkdirs Community Support
+ url: https://github.com/MkdirsHQ/mkdirs/discussions
+ about: Please ask and answer questions here.
+ - name: Mkdirs Documentation
+ url: https://docs.mkdirs.com
+ about: Please check out the documentation here.
+ - name: Mkdirs Video Tutorials
+ url: https://www.youtube.com/@MkdirsHQ
+ about: Please check out the video tutorials here.
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
new file mode 100644
index 0000000..1feb04f
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: "[feat]"
+labels: enhancement
+assignees: javayhu
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..1aa3a62
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+/.docs/
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+.env
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# idea
+/.idea/
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..bf8f0fe
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,7 @@
+{
+ "recommendations": [
+ "biomejs.biome",
+ "bradlc.vscode-tailwindcss",
+ "eamodio.gitlens"
+ ]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..1361a29
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,22 @@
+{
+ "editor.defaultFormatter": "biomejs.biome",
+ "[javascript]": {
+ "editor.defaultFormatter": "biomejs.biome"
+ },
+ "[typescript]": {
+ "editor.defaultFormatter": "biomejs.biome"
+ },
+ "[typescriptreact]": {
+ "editor.defaultFormatter": "biomejs.biome"
+ },
+ "editor.formatOnSave": true,
+ "editor.codeActionsOnSave": {
+ "quickfix.biome": "explicit",
+ "source.organizeImports.biome": "explicit"
+ },
+ "search.exclude": {
+ "**/node_modules": true,
+ ".next": true,
+ ".content-collections": true
+ }
+}
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..b1098a2
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,79 @@
+# AGENTS.md
+
+This file provides guidance to Code Agents (Codex, Cursor, etc.) when working with code in this repository.
+
+## Project Overview
+
+Mkdirs is a Next.js 14 directory website template with Sanity CMS, enabling AI-powered directory sites with listings, payments, authentication, blog, and newsletter features.
+
+## Commands
+
+- **Dev server**: `pnpm dev`
+- **Build**: `pnpm build`
+- **Start production**: `pnpm start`
+- **Lint**: `pnpm lint` (Biome - checks and auto-fixes)
+- **Lint with unsafe fixes**: `pnpm lint:fix`
+- **Format**: `pnpm format` (Biome)
+- **Generate Sanity types**: `pnpm typegen` (run after schema changes)
+- **Email preview**: `pnpm email` (starts email dev server on port 3333)
+- **Batch item operations**: `pnpm item:import`, `pnpm item:fetch`, `pnpm item:update`, `pnpm item:remove`
+- **Batch all**: `pnpm batch` (or `pnpm batch:import`, `pnpm batch:update`, `pnpm batch:remove`)
+
+## Architecture
+
+### Route Structure (Next.js App Router)
+
+The app uses two top-level route groups:
+
+- `src/app/(website)/` - Main website with nested groups:
+ - `(public)/` - Public pages: home, search, item, category, tag, collection, blog, pricing
+ - `(protected)/` - Auth-required pages: dashboard, settings, submit, edit
+ - `(newsletter)/` - Newsletter unsubscribe
+ - `auth/` - Login, register, reset password, email verification
+- `src/app/(sanity)/` - Sanity Studio admin interface (accessible at `/studio`)
+- `src/app/api/` - API routes: auth, webhook (Stripe), og images, draft mode, send-email, upload-image
+
+### Route Protection
+
+`src/routes.ts` defines public routes, auth routes, and API auth prefix. `src/middleware.ts` enforces access control. Authenticated users on auth routes redirect to `/dashboard`.
+
+### Data Layer
+
+- **Sanity CMS** is the primary content store. Schemas live in `src/sanity/schemas/documents/` organized by domain: `directory/` (item, category, tag, collection, group), `blog/` (post, author), `page/`, `order/`, `auth/`, and `settings.ts`.
+- **`src/data/`** contains data access functions (item.ts, blog.ts, collection.ts, user.ts, account.ts, order.ts, submission.ts, etc.) used by server components and actions.
+- **`src/sanity/lib/`** has Sanity client utilities and GROQ query helpers.
+- **`sanity.types.ts`** contains auto-generated TypeScript types from Sanity schemas (regenerate with `pnpm typegen`).
+
+### Server Actions
+
+`src/actions/` contains all server actions for mutations: authentication (login, register, reset), item operations (submit, edit, publish, unpublish), payment (checkout sessions, customer portal), settings, newsletter subscription, and admin operations.
+
+### Key Integrations
+
+- **Auth**: NextAuth v5 (beta.18) configured in `src/auth.ts` and `src/auth.config.ts`. Supports credentials + OAuth providers.
+- **Payments**: Stripe via `src/lib/stripe.ts`, with checkout session creation in actions and webhook handling in `src/app/api/webhook/route.ts`.
+- **AI**: Vercel AI SDK with multiple providers (OpenAI, Google, DeepSeek, xAI, OpenRouter) for content generation assistance.
+- **Email**: React Email templates in `emails/` sent via Resend (`src/lib/mail.ts`).
+- **Analytics**: OpenPanel integration (`@openpanel/nextjs`).
+- **Image metadata**: Microlink (`@microlink/mql`) for fetching website screenshots/metadata.
+
+### Components Organization
+
+`src/components/` is organized by feature domain: `auth/`, `blog/`, `item/`, `category/`, `collection/`, `tag/`, `dashboard/`, `payment/`, `pricing/`, `search/`, `submit/`, `edit/`, `publish/`, `newsletter/`, `settings/`, `home/` (+ `home2/`, `home3/` variants), `layout/`, `shared/`, `icons/`, and `ui/` (shadcn/ui primitives).
+
+### Configuration
+
+- `src/config/site.ts` - Site-wide settings (name, URL, description)
+- `src/config/price.ts` - Pricing plans configuration
+- `src/config/dashboard.ts` - Dashboard navigation
+- `src/config/hero.ts`, `footer.ts`, `faq.ts`, `marketing.ts` - Landing page sections
+- `src/lib/constants.ts` - Shared constants
+- `src/lib/schemas.ts` - Zod validation schemas used across forms and actions
+
+### Styling
+
+Tailwind CSS with `tailwind.config.ts`. UI primitives are Radix UI-based shadcn/ui components in `src/components/ui/`. Biome ignores `src/components/ui/*.tsx` (generated code).
+
+### Environment
+
+Copy `.env.example` to `.env`. Key variables: `NEXT_PUBLIC_SITE_URL`, `NEXT_PUBLIC_SANITY_PROJECT_ID`, `NEXT_PUBLIC_SANITY_DATASET`, `SANITY_API_TOKEN`, `NEXTAUTH_SECRET`, `STRIPE_SECRET_KEY`, Resend API key, and AI provider keys.
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..109a8b8
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,79 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+Mkdirs is a Next.js 14 directory website template with Sanity CMS, enabling AI-powered directory sites with listings, payments, authentication, blog, and newsletter features.
+
+## Commands
+
+- **Dev server**: `pnpm dev`
+- **Build**: `pnpm build`
+- **Start production**: `pnpm start`
+- **Lint**: `pnpm lint` (Biome - checks and auto-fixes)
+- **Lint with unsafe fixes**: `pnpm lint:fix`
+- **Format**: `pnpm format` (Biome)
+- **Generate Sanity types**: `pnpm typegen` (run after schema changes)
+- **Email preview**: `pnpm email` (starts email dev server on port 3333)
+- **Batch item operations**: `pnpm item:import`, `pnpm item:fetch`, `pnpm item:update`, `pnpm item:remove`
+- **Batch all**: `pnpm batch` (or `pnpm batch:import`, `pnpm batch:update`, `pnpm batch:remove`)
+
+## Architecture
+
+### Route Structure (Next.js App Router)
+
+The app uses two top-level route groups:
+
+- `src/app/(website)/` - Main website with nested groups:
+ - `(public)/` - Public pages: home, search, item, category, tag, collection, blog, pricing
+ - `(protected)/` - Auth-required pages: dashboard, settings, submit, edit
+ - `(newsletter)/` - Newsletter unsubscribe
+ - `auth/` - Login, register, reset password, email verification
+- `src/app/(sanity)/` - Sanity Studio admin interface (accessible at `/studio`)
+- `src/app/api/` - API routes: auth, webhook (Stripe), og images, draft mode, send-email, upload-image
+
+### Route Protection
+
+`src/routes.ts` defines public routes, auth routes, and API auth prefix. `src/middleware.ts` enforces access control. Authenticated users on auth routes redirect to `/dashboard`.
+
+### Data Layer
+
+- **Sanity CMS** is the primary content store. Schemas live in `src/sanity/schemas/documents/` organized by domain: `directory/` (item, category, tag, collection, group), `blog/` (post, author), `page/`, `order/`, `auth/`, and `settings.ts`.
+- **`src/data/`** contains data access functions (item.ts, blog.ts, collection.ts, user.ts, account.ts, order.ts, submission.ts, etc.) used by server components and actions.
+- **`src/sanity/lib/`** has Sanity client utilities and GROQ query helpers.
+- **`sanity.types.ts`** contains auto-generated TypeScript types from Sanity schemas (regenerate with `pnpm typegen`).
+
+### Server Actions
+
+`src/actions/` contains all server actions for mutations: authentication (login, register, reset), item operations (submit, edit, publish, unpublish), payment (checkout sessions, customer portal), settings, newsletter subscription, and admin operations.
+
+### Key Integrations
+
+- **Auth**: NextAuth v5 (beta.18) configured in `src/auth.ts` and `src/auth.config.ts`. Supports credentials + OAuth providers.
+- **Payments**: Stripe via `src/lib/stripe.ts`, with checkout session creation in actions and webhook handling in `src/app/api/webhook/route.ts`.
+- **AI**: Vercel AI SDK with multiple providers (OpenAI, Google, DeepSeek, xAI, OpenRouter) for content generation assistance.
+- **Email**: React Email templates in `emails/` sent via Resend (`src/lib/mail.ts`).
+- **Analytics**: OpenPanel integration (`@openpanel/nextjs`).
+- **Image metadata**: Microlink (`@microlink/mql`) for fetching website screenshots/metadata.
+
+### Components Organization
+
+`src/components/` is organized by feature domain: `auth/`, `blog/`, `item/`, `category/`, `collection/`, `tag/`, `dashboard/`, `payment/`, `pricing/`, `search/`, `submit/`, `edit/`, `publish/`, `newsletter/`, `settings/`, `home/` (+ `home2/`, `home3/` variants), `layout/`, `shared/`, `icons/`, and `ui/` (shadcn/ui primitives).
+
+### Configuration
+
+- `src/config/site.ts` - Site-wide settings (name, URL, description)
+- `src/config/price.ts` - Pricing plans configuration
+- `src/config/dashboard.ts` - Dashboard navigation
+- `src/config/hero.ts`, `footer.ts`, `faq.ts`, `marketing.ts` - Landing page sections
+- `src/lib/constants.ts` - Shared constants
+- `src/lib/schemas.ts` - Zod validation schemas used across forms and actions
+
+### Styling
+
+Tailwind CSS with `tailwind.config.ts`. UI primitives are Radix UI-based shadcn/ui components in `src/components/ui/`. Biome ignores `src/components/ui/*.tsx` (generated code).
+
+### Environment
+
+Copy `.env.example` to `.env`. Key variables: `NEXT_PUBLIC_SITE_URL`, `NEXT_PUBLIC_SANITY_PROJECT_ID`, `NEXT_PUBLIC_SANITY_DATASET`, `SANITY_API_TOKEN`, `NEXTAUTH_SECRET`, `STRIPE_SECRET_KEY`, Resend API key, and AI provider keys.
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..e3f70e9
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,61 @@
+# https://github.com/nextauthjs/next-auth-example/blob/main/Dockerfile
+# syntax=docker/dockerfile:1
+FROM node:20-alpine AS base
+
+# Install dependencies only when needed
+FROM base AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+# Install dependencies
+COPY package.json pnpm-lock.yaml* ./
+RUN npm install -g pnpm && pnpm i --frozen-lockfile
+
+# Rebuild the source code only when needed
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+# Next.js collects completely anonymous telemetry data about general usage.
+# Learn more here: https://nextjs.org/telemetry
+# Uncomment the following line in case you want to disable telemetry during the build.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN npm install -g pnpm \
+ && mv next.config.docker.mjs next.config.mjs \
+ && pnpm build
+
+# Production image, copy all the files and run next
+FROM base AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+# Uncomment the following line in case you want to disable telemetry during runtime.
+# ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+COPY --from=builder /app/public ./public
+
+# Set the correct permission for prerender cache
+RUN mkdir .next
+RUN chown nextjs:nodejs .next
+
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT 3000
+ENV HOSTNAME "0.0.0.0"
+
+# server.js is created by next build from the standalone output
+# https://nextjs.org/docs/pages/api-reference/next-config-js/output
+CMD ["node", "server.js"]
\ No newline at end of file
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..261eeb9
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,201 @@
+ Apache License
+ Version 2.0, January 2004
+ http://www.apache.org/licenses/
+
+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+ 1. Definitions.
+
+ "License" shall mean the terms and conditions for use, reproduction,
+ and distribution as defined by Sections 1 through 9 of this document.
+
+ "Licensor" shall mean the copyright owner or entity authorized by
+ the copyright owner that is granting the License.
+
+ "Legal Entity" shall mean the union of the acting entity and all
+ other entities that control, are controlled by, or are under common
+ control with that entity. For the purposes of this definition,
+ "control" means (i) the power, direct or indirect, to cause the
+ direction or management of such entity, whether by contract or
+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
+ outstanding shares, or (iii) beneficial ownership of such entity.
+
+ "You" (or "Your") shall mean an individual or Legal Entity
+ exercising permissions granted by this License.
+
+ "Source" form shall mean the preferred form for making modifications,
+ including but not limited to software source code, documentation
+ source, and configuration files.
+
+ "Object" form shall mean any form resulting from mechanical
+ transformation or translation of a Source form, including but
+ not limited to compiled object code, generated documentation,
+ and conversions to other media types.
+
+ "Work" shall mean the work of authorship, whether in Source or
+ Object form, made available under the License, as indicated by a
+ copyright notice that is included in or attached to the work
+ (an example is provided in the Appendix below).
+
+ "Derivative Works" shall mean any work, whether in Source or Object
+ form, that is based on (or derived from) the Work and for which the
+ editorial revisions, annotations, elaborations, or other modifications
+ represent, as a whole, an original work of authorship. For the purposes
+ of this License, Derivative Works shall not include works that remain
+ separable from, or merely link (or bind by name) to the interfaces of,
+ the Work and Derivative Works thereof.
+
+ "Contribution" shall mean any work of authorship, including
+ the original version of the Work and any modifications or additions
+ to that Work or Derivative Works thereof, that is intentionally
+ submitted to Licensor for inclusion in the Work by the copyright owner
+ or by an individual or Legal Entity authorized to submit on behalf of
+ the copyright owner. For the purposes of this definition, "submitted"
+ means any form of electronic, verbal, or written communication sent
+ to the Licensor or its representatives, including but not limited to
+ communication on electronic mailing lists, source code control systems,
+ and issue tracking systems that are managed by, or on behalf of, the
+ Licensor for the purpose of discussing and improving the Work, but
+ excluding communication that is conspicuously marked or otherwise
+ designated in writing by the copyright owner as "Not a Contribution."
+
+ "Contributor" shall mean Licensor and any individual or Legal Entity
+ on behalf of whom a Contribution has been received by Licensor and
+ subsequently incorporated within the Work.
+
+ 2. Grant of Copyright License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ copyright license to reproduce, prepare Derivative Works of,
+ publicly display, publicly perform, sublicense, and distribute the
+ Work and such Derivative Works in Source or Object form.
+
+ 3. Grant of Patent License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ (except as stated in this section) patent license to make, have made,
+ use, offer to sell, sell, import, and otherwise transfer the Work,
+ where such license applies only to those patent claims licensable
+ by such Contributor that are necessarily infringed by their
+ Contribution(s) alone or by combination of their Contribution(s)
+ with the Work to which such Contribution(s) was submitted. If You
+ institute patent litigation against any entity (including a
+ cross-claim or counterclaim in a lawsuit) alleging that the Work
+ or a Contribution incorporated within the Work constitutes direct
+ or contributory patent infringement, then any patent licenses
+ granted to You under this License for that Work shall terminate
+ as of the date such litigation is filed.
+
+ 4. Redistribution. You may reproduce and distribute copies of the
+ Work or Derivative Works thereof in any medium, with or without
+ modifications, and in Source or Object form, provided that You
+ meet the following conditions:
+
+ (a) You must give any other recipients of the Work or
+ Derivative Works a copy of this License; and
+
+ (b) You must cause any modified files to carry prominent notices
+ stating that You changed the files; and
+
+ (c) You must retain, in the Source form of any Derivative Works
+ that You distribute, all copyright, patent, trademark, and
+ attribution notices from the Source form of the Work,
+ excluding those notices that do not pertain to any part of
+ the Derivative Works; and
+
+ (d) If the Work includes a "NOTICE" text file as part of its
+ distribution, then any Derivative Works that You distribute must
+ include a readable copy of the attribution notices contained
+ within such NOTICE file, excluding those notices that do not
+ pertain to any part of the Derivative Works, in at least one
+ of the following places: within a NOTICE text file distributed
+ as part of the Derivative Works; within the Source form or
+ documentation, if provided along with the Derivative Works; or,
+ within a display generated by the Derivative Works, if and
+ wherever such third-party notices normally appear. The contents
+ of the NOTICE file are for informational purposes only and
+ do not modify the License. You may add Your own attribution
+ notices within Derivative Works that You distribute, alongside
+ or as an addendum to the NOTICE text from the Work, provided
+ that such additional attribution notices cannot be construed
+ as modifying the License.
+
+ You may add Your own copyright statement to Your modifications and
+ may provide additional or different license terms and conditions
+ for use, reproduction, or distribution of Your modifications, or
+ for any such Derivative Works as a whole, provided Your use,
+ reproduction, and distribution of the Work otherwise complies with
+ the conditions stated in this License.
+
+ 5. Submission of Contributions. Unless You explicitly state otherwise,
+ any Contribution intentionally submitted for inclusion in the Work
+ by You to the Licensor shall be under the terms and conditions of
+ this License, without any additional terms or conditions.
+ Notwithstanding the above, nothing herein shall supersede or modify
+ the terms of any separate license agreement you may have executed
+ with Licensor regarding such Contributions.
+
+ 6. Trademarks. This License does not grant permission to use the trade
+ names, trademarks, service marks, or product names of the Licensor,
+ except as required for reasonable and customary use in describing the
+ origin of the Work and reproducing the content of the NOTICE file.
+
+ 7. Disclaimer of Warranty. Unless required by applicable law or
+ agreed to in writing, Licensor provides the Work (and each
+ Contributor provides its Contributions) on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+ implied, including, without limitation, any warranties or conditions
+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+ PARTICULAR PURPOSE. You are solely responsible for determining the
+ appropriateness of using or redistributing the Work and assume any
+ risks associated with Your exercise of permissions under this License.
+
+ 8. Limitation of Liability. In no event and under no legal theory,
+ whether in tort (including negligence), contract, or otherwise,
+ unless required by applicable law (such as deliberate and grossly
+ negligent acts) or agreed to in writing, shall any Contributor be
+ liable to You for damages, including any direct, indirect, special,
+ incidental, or consequential damages of any character arising as a
+ result of this License or out of the use or inability to use the
+ Work (including but not limited to damages for loss of goodwill,
+ work stoppage, computer failure or malfunction, or any and all
+ other commercial damages or losses), even if such Contributor
+ has been advised of the possibility of such damages.
+
+ 9. Accepting Warranty or Additional Liability. While redistributing
+ the Work or Derivative Works thereof, You may choose to offer,
+ and charge a fee for, acceptance of support, warranty, indemnity,
+ or other liability obligations and/or rights consistent with this
+ License. However, in accepting such obligations, You may act only
+ on Your own behalf and on Your sole responsibility, not on behalf
+ of any other Contributor, and only if You agree to indemnify,
+ defend, and hold each Contributor harmless for any liability
+ incurred by, or claims asserted against, such Contributor by reason
+ of your accepting any such warranty or additional liability.
+
+ END OF TERMS AND CONDITIONS
+
+ APPENDIX: How to apply the Apache License to your work.
+
+ To apply the Apache License to your work, attach the following
+ boilerplate notice, with the fields enclosed by brackets "[]"
+ replaced with your own identifying information. (Don't include
+ the brackets!) The text should be enclosed in the appropriate
+ comment syntax for the file format. We also recommend that a
+ file or class name and description of purpose be included on the
+ same "printed page" as the copyright notice for easier
+ identification within third-party archives.
+
+ Copyright [yyyy] [name of copyright owner]
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..ab143ce
--- /dev/null
+++ b/README.md
@@ -0,0 +1,52 @@
+# Mkdirs
+
+Launch AI-powered directory websites in minutes
+
+[](https://github.com/MkdirsHQ/mkdirs/stargazers)
+[](LICENSE)
+
+Mkdirs helps you launch a directory website with listings, AI-assisted
+submissions, payments, authentication, CMS, blog, newsletter, SEO, themes,
+and more.
+
+[Live Demo](https://demo.mkdirs.com) · [Documentation](https://docs.mkdirs.com) · [Installation Guide](https://docs.mkdirs.com/installation) · [Video Tutorials](https://www.youtube.com/@MkdirsHQ) · [Showcase](https://mkdirs.com/showcase)
+
+
+
+## Features
+
+- Directory listings, categories, collections, tags, and search
+- AI-assisted website submission and content generation
+- User authentication and dashboard
+- Free, paid, and sponsored submissions with Stripe
+- Sanity CMS and blog
+- Email and newsletter integration with Resend
+- SEO, analytics, themes, and responsive layouts
+- Vercel and Docker deployment
+
+## Tech Stack
+
+Next.js, React, TypeScript, Tailwind CSS, Sanity, Auth.js, Stripe, and Resend.
+
+For installation, configuration, customization, deployment, and video
+tutorials, visit the [Mkdirs documentation](https://docs.mkdirs.com).
+
+## Links
+
+- [Website](https://mkdirs.com)
+- [Demo](https://demo.mkdirs.com)
+- [Documentation](https://docs.mkdirs.com)
+- [YouTube](https://www.youtube.com/@MkdirsHQ)
+- [Discord](https://mksaas.link/discord)
+
+## License
+
+Licensed under the [Apache License 2.0](LICENSE). You may use, modify, and
+distribute the code, including for commercial purposes, subject to the terms
+of the license.
+
+The license does not grant permission to use the Mkdirs name, logo, or other
+trademarks to identify or promote derived products. Reasonable use to describe
+the origin of the software, such as “Built with Mkdirs,” is permitted.
+
+Copyright © Mkdirs.
diff --git a/biome.json b/biome.json
new file mode 100644
index 0000000..6fdc08c
--- /dev/null
+++ b/biome.json
@@ -0,0 +1,36 @@
+{
+ "files": {
+ "ignore": [
+ "src/components/ui/*.tsx"
+ ]
+ },
+ "formatter": {
+ "enabled": true,
+ "formatWithErrors": false,
+ "ignore": [],
+ "attributePosition": "auto",
+ "indentStyle": "space",
+ "indentWidth": 2,
+ "lineWidth": 80,
+ "lineEnding": "lf"
+ },
+ "javascript": {
+ "formatter": {
+ "arrowParentheses":"always",
+ "bracketSameLine": false,
+ "bracketSpacing": true,
+ "jsxQuoteStyle": "double",
+ "quoteProperties": "asNeeded",
+ "semicolons": "always",
+ "trailingCommas": "all"
+ }
+ },
+ "json": {
+ "formatter": {
+ "trailingCommas": "none"
+ }
+ },
+ "organizeImports": {
+ "enabled": true
+ }
+}
\ No newline at end of file
diff --git a/components.json b/components.json
new file mode 100644
index 0000000..15f2b02
--- /dev/null
+++ b/components.json
@@ -0,0 +1,17 @@
+{
+ "$schema": "https://ui.shadcn.com/schema.json",
+ "style": "default",
+ "rsc": true,
+ "tsx": true,
+ "tailwind": {
+ "config": "tailwind.config.ts",
+ "css": "app/globals.css",
+ "baseColor": "slate",
+ "cssVariables": true,
+ "prefix": ""
+ },
+ "aliases": {
+ "components": "@/components",
+ "utils": "@/lib/utils"
+ }
+}
\ No newline at end of file
diff --git a/emails/approval-email.tsx b/emails/approval-email.tsx
new file mode 100644
index 0000000..cb48c0f
--- /dev/null
+++ b/emails/approval-email.tsx
@@ -0,0 +1,119 @@
+import { siteConfig } from "@/config/site";
+import { getBaseUrl } from "@/lib/utils";
+import {
+ Body,
+ Button,
+ Container,
+ Head,
+ Hr,
+ Html,
+ Img,
+ Link,
+ Preview,
+ Section,
+ Text,
+} from "@react-email/components";
+import {
+ anchor,
+ box,
+ button,
+ container,
+ footer,
+ footerLeft,
+ footerRight,
+ hr,
+ main,
+ paragraph,
+} from "./email-formats";
+
+interface ApprovalEmailProps {
+ userName?: string;
+ itemLink?: string;
+}
+
+/**
+ * https://demo.react.email/preview/welcome/stripe-welcome
+ */
+export const ApprovalEmail = ({
+ userName,
+ itemLink,
+}: ApprovalEmailProps) => {
+ const baseUrl = getBaseUrl();
+ return (
+
+
+ Your submission has been approved
+
+
+
+ 
+
+ Hi {userName},
+
+ Thanks for submitting your product to{" "}
+
+ {siteConfig.name}
+
+ . We're so excited to include your product in our directory!
+
+
+ Your product has been successfully added to our directory. You can
+ view your listing by clicking the button below:
+
+
+
+
+ We appreciate your support and contribution to our community. If
+ you have any questions, please don't hesitate to contact us.
+
+
+ Thank you again for choosing{" "}
+
+ {siteConfig.name}
+
+ . We look forward to helping more people discover your product!
+
+
+ Thanks,
+ The{" "}
+
+ {siteConfig.name}
+ {" "}
+ team
+
+
+
+
+ © {new Date().getFullYear()}
+ All Rights Reserved.
+
+
+
+ Twitter
+
+
+
+ GitHub
+
+
+
+
+
+
+
+ );
+};
+
+ApprovalEmail.PreviewProps = {
+ userName: "Javayhu",
+ itemLink: "https://demo.mkdirs.com",
+} as ApprovalEmailProps;
+
+export default ApprovalEmail;
diff --git a/emails/email-formats.ts b/emails/email-formats.ts
new file mode 100644
index 0000000..0f64e54
--- /dev/null
+++ b/emails/email-formats.ts
@@ -0,0 +1,62 @@
+export const main = {
+ // backgroundColor: "#f6f9fc",
+ // padding: "40px",
+ fontFamily: '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Ubuntu,sans-serif',
+};
+
+export const container = {
+ // backgroundColor: "#ffffff",
+ // padding: "20px 0 20px",
+};
+
+export const box = {
+ padding: "8px",
+};
+
+export const hr = {
+ borderColor: "#e6ebf1",
+ margin: "20px 0",
+};
+
+export const paragraph = {
+ color: "#525f7f",
+ fontSize: "16px",
+ lineHeight: "24px",
+ textAlign: "left" as const,
+};
+
+export const anchor = {
+ color: "#556cd6",
+};
+
+export const button = {
+ backgroundColor: "#656ee8",
+ borderRadius: "5px",
+ color: "#fff",
+ fontSize: "16px",
+ fontWeight: "bold",
+ textDecoration: "none",
+ textAlign: "center" as const,
+ display: "block",
+ width: "100%",
+ padding: "10px",
+};
+
+export const footer = {
+ width: "100%",
+ color: "#8898aa",
+ fontSize: "12px",
+ lineHeight: "16px",
+ display: "table",
+ tableLayout: "fixed" as const,
+};
+
+export const footerLeft = {
+ display: "table-cell",
+ textAlign: "left" as const,
+};
+
+export const footerRight = {
+ display: "table-cell",
+ textAlign: "right" as const,
+};
\ No newline at end of file
diff --git a/emails/newsletter-welcome.tsx b/emails/newsletter-welcome.tsx
new file mode 100644
index 0000000..a27de5a
--- /dev/null
+++ b/emails/newsletter-welcome.tsx
@@ -0,0 +1,98 @@
+import { siteConfig } from "@/config/site";
+import { getBaseUrl } from "@/lib/utils";
+import {
+ Body,
+ Container,
+ Head,
+ Hr,
+ Html,
+ Img,
+ Link,
+ Preview,
+ Section,
+ Text,
+} from "@react-email/components";
+import {
+ anchor,
+ box,
+ container,
+ footer,
+ footerLeft,
+ footerRight,
+ hr,
+ main,
+ paragraph,
+} from "./email-formats";
+
+export const NewsletterWelcomeEmail = ({ email }: { email: string }) => {
+ const baseUrl = getBaseUrl();
+ const unsubscribeUrl = `${baseUrl}/unsubscribe?email=${encodeURIComponent(email)}`;
+
+ return (
+
+
+