Prerequisites

What is ShipAny

ShipAny is an AI SaaS development framework based on NextJS, with built-in rich components and AI SDKs to help you quickly complete AI SaaS project development.

What features does ShipAny framework include

Core Features

• A beautiful Landing Page
• 20+ page components
• User authentication (Google login / Github login)
• Analytics (Google Analytics / OpenPanel)
• i18n multilingual support
• Data storage (based on Supabase)
• Payment (based on Stripe)
• Deployment (supports Vercel / Cloudflare)

Admin Dashboard

• User management
• User credits management
• Payment order management
• API Keys management

AI SDK

• Kailin AI video generation
• Dall-E image generation
• OpenAI Chat Completion
• OpenAI TTS

Other requirements can be submitted via Github Issues, and will be supported based on priority.

Technical Dependencies

ShipAny is built on the NextJS framework and uses many popular technical components and cloud services.

To ensure you can fully utilize ShipAny’s complete functionality, please familiarize yourself with the following technologies/components or cloud services:

Technologies/Components

• NextJS Full-stack development framework
• TailwindCSS CSS styling framework
• Shadcn/UI UI component library
• next-intl i18n multilingual support
• next-auth Authentication

Cloud Services

• Supabase Cloud database
• Stripe Payment platform
• Google Analytics Analytics
• OpenPanel Analytics

Environment Requirements

To ensure you can successfully run and develop ShipAny locally, please install the necessary environment on your computer.

Here are the recommended environment configurations for Mac systems:

1. Use fnm for NodeJS version management

Recommended versions for NodeJS and npm:

$ node -v
v22.2.0
 
$ npm -v
10.7.0

2. Use pnpm for package management

Install pnpm globally:

$ npm install -g pnpm

Recommended version for pnpm:

$ pnpm -v
9.15.0

3. Install git and configure ssh key to ensure you can access your Github repository

$ git --version
git version 2.39.3 (Apple Git-146)

For other operating systems, please search for corresponding environment configuration methods. Before running ShipAny code, please ensure that nodejs and pnpm are installed in your computer environment.

AI Tools

To better understand the ShipAny framework and develop projects more efficiently, we recommend using the following AI tools:

• Cursor AI Editor
• Windsurf AI Editor
• v0 Generate UI Components
• Claude AI Chat
• ThinkAny AI Search

AI Editor Plugins

To better format code and debug interfaces, we recommend installing the following plugins in VS Code / Cursor / Windsurf:

• REST Client Interface Debugging
• Prettier - Code formatter Code Formatting