JigsawStack Starter

An open-source AI-powered starter kit built with Next.js, Tailwind CSS, and JigsawStack AI APIs.

Features · Deploy Your Own · Running Locally · Available AI APIs

Features

• Ready-to-use AI API integrations powered by JigsawStack, including image generation, text-to-speech, speech-to-text, translation, OCR, and web search.
• Modern UI components using shadcn/ui with Tailwind CSS.
• Built with the latest Next.js 15 App Router and React 19.
• Turbopack for faster development experience.
• Dark mode support via next-themes.
• TypeScript for type safety.

Deploy Your Own

You can deploy your own version to Vercel by clicking the button below:

Running Locally

1. Clone the repository and install dependencies:

   1
   git clone https://github.com/jigsawstack/nextjs-template.git
   2
   cd nextjs-template
   3
   npm install
   4
   # or
   5
   yarn install
   6
   # or
   7
   pnpm install
   8
   # or
   9
   bun install

2. Create a .env.local file in the root directory and add your JigsawStack API key:

   1
   JIGSAWSTACK_API_KEY=your_api_key_here

   You can get your API key by signing up at JigsawStack.

3. Run the development server:

   1
   npm run dev
   2
   # or
   3
   yarn dev
   4
   # or
   5
   pnpm dev
   6
   # or
   7
   bun dev

4. Open http://localhost:3000 to view your application.

Available AI APIs

This template includes ready-to-use API routes for the following JigsawStack AI services:

• Image Generation - Create AI-generated images from text prompts
• Text-to-Speech (TTS) - Convert text to natural-sounding speech
• Speech-to-Text - Transcribe audio to text
• Translation - Translate text between languages
• Visual OCR - Extract text from images
• AI Web Scraping - Extract structured data from websites
• Web Search - Perform AI-powered web searches

Each API is pre-configured in the app/api/jigsawstack directory and ready to use in your Next.js application.

Learn More

To learn more about the technologies used in this template:

• JigsawStack Documentation - learn about JigsawStack AI APIs
• Next.js Documentation - learn about Next.js features and API
• Tailwind CSS - utility-first CSS framework
• shadcn/ui - beautifully designed components

License

This project is open source and available under the MIT License.