IndieShow DocsIntroduction
IndieShow is a product showcase website template designed for indie developers, built with Nuxt 3, TailwindCSS 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 Nuxt 3 + TailwindCSS + TypeScript, you can create a professional product showcase website in minutes with simple configuration!
Why indie developers choose IndieShow:
- 🚀 Modern & Fast - Built with Nuxt 3 and TypeScript
- 🎨 Beautiful UI - Responsive design powered by Tailwind CSS
- 📱 Multi-device Support - Excellent performance on all devices
- 🔍 SEO Optimized - Built-in search engine optimization
- 🌐 i18n Ready - Out-of-the-box internationalization support
- 🛠️ Easy Config - Simple customization through config files
Whether you're a beginner or an experienced developer, this documentation will guide you through the setup, configuration, and deployment of your website.
Performance Metrics
Real project performance test data (based on Google PageSpeed Insights):
| Metrics | Mobile | Desktop | Industry Standard |
|---|---|---|---|
| First Load | 1.2s | 0.8s | < 2.5s |
| First Contentful Paint | 1.0s | 0.6s | < 1.8s |
| Largest Contentful Paint | 1.8s | 1.2s | < 2.5s |
| Cumulative Layout Shift | 0.02 | 0.01 | < 0.1 |
| Overall Performance Score | 94 | 99 | > 90 |
Use Cases
1. Product Website
- Software product showcase
- App landing page
2. Personal Portfolio
- Indie developer showcase
- Freelancer project portfolio
Tech Stack
Nuxt 3
Full-stack framework based on Vue 3, offering SSR and SSG, with auto-routing and API functionality
TypeScript
JavaScript superset with static typing for improved maintainability and development efficiency
Tailwind CSS
Utility-first CSS framework for rapidly building modern websites without custom CSS
i18n
Internationalization solution for Nuxt with multi-language content, routing, and SEO optimization
markdown-it
Fast and extensible Markdown parser for converting Markdown to HTML
nuxtjs/sitemap
Automatic sitemap generation and management for improved SEO performance
Compatibility
System Requirements:
- Node.js ≥ 18.0
- pnpm ≥ 8.0
- Modern browsers (ES2015+ support)
Core Features
Development Experience
- Latest dependency versions with regular updates
- Clean code using Composition API and
<script setup> - Full TypeScript support
- Integrated antfu/eslint-config for consistent code style
UI Design
- Responsive design with Tailwind CSS
- Light/Dark themes with system preference support
- Beautiful transitions and page effects
- Customizable theme colors
Internationalization
- English and Chinese support, easily extensible
- Automatic browser language detection
- Simple configuration with instant translation updates
- Automatic language prefixes in URLs
Multi-platform Support
- Mobile and desktop optimization
- PWA support for home screen installation
- Device-specific interaction optimizations
SEO Optimization
- SSR support with Nuxt 3
- Automatic sitemap.xml generation
- Static page pre-rendering
- Complete meta tag support
- Customizable page titles and descriptions
Performance Optimization
- Automatic code splitting
- Smart component prefetching
- Automatic image optimization
- On-demand icon loading