IndieShow DocsIntroduction
IndieShow is a product showcase website template designed for indie developers, built with Next.js 15, TailwindCSS 4 and TypeScript, featuring responsive design, SEO optimization and i18n support
What is IndieShow?
IndieShow is a product showcase website template designed for indie developers. Built with Next.js 15 + TailwindCSS 4 + TypeScript, you can create a professional product showcase website in minutes with simple configuration!
Why indie developers choose IndieShow:
- 🚀 Modern & Fast - Built with Next.js 15 and TypeScript
- 🎨 Beautiful UI - Responsive design powered by Tailwind CSS 4
- 📱 Multi-platform - Works great on all devices
- 🔍 SEO Ready - SEO optimization based on Next.js App Router
- 🌐 i18n Support - Multi-language support with next-intl 4
- 🛠️ Easy Setup - Simple configuration through config files
Whether you're a beginner or an experienced developer, this documentation will guide you through setting up, configuring, and deploying your website.
Performance Metrics
Real project performance test data (based on Google PageSpeed Insights):
| Metrics | Mobile | Desktop | Standard |
|---|---|---|---|
| Performance Score | 98 | 100 | > 90 |
| First Contentful Paint | 0.8s | 0.5s | < 1.8s |
| Largest Contentful Paint | 1.5s | 1.0s | < 2.5s |
| Cumulative Layout Shift | 0.01 | 0.01 | < 0.1 |
Use Cases
1. Product Websites
- AI SaaS Product Showcase
- App Landing Pages
- Enterprise Product Pages
2. Personal Portfolio
- Indie Developer Showcase
- Startup Project Display
Tech Stack
Next.js 15
Full-stack React framework with App Router, Server Components and Static Site Generation
TypeScript
JavaScript superset with static typing for better maintainability and development efficiency
Tailwind CSS 4
Utility-first CSS framework with container queries and custom variants support
next-intl 4
i18n solution for Next.js with multi-language content, routing and SEO optimization
shadcn/ui
High-quality React components based on Radix UI and Tailwind CSS
Framer Motion
Powerful React animation library for smooth page transitions and interactions
Requirements
System requirements:
- Node.js ≥ 18.0
- pnpm ≥ 8.0
- Modern browsers (ES2015+ support)
Core Features
Development Experience
- Latest dependencies with regular updates
- Server and Client Components separation with App Router
- Full TypeScript support
- Consistent code style and formatting
- Built-in ESLint and Prettier config
UI Design
- Responsive design with Tailwind CSS 4
- Light/Dark themes with system preference support
- Beautiful transitions and page effects
- Customizable theme colors (OKLCH color space)
- shadcn/ui components integration
- Framer Motion animations
Internationalization
- English and Chinese support with next-intl 4.0
- Type-safe i18n messages
- GDPR-compliant localized cookies
- Automatic language prefixes in URLs (e.g., /zh)
Multi-platform Support
- Perfect adaptation for mobile and desktop
- Optimized interactions for different devices
- Component-level container queries
SEO Optimization
- Server-side rendering with Next.js 15
- Complete meta tags support
- Customizable page titles and descriptions
- Reduced client-side JS with React Server Components
Performance
- Automatic code splitting
- Image optimization with Next.js Image
- Smart component lazy loading
- Server-side caching and ISR