diff --git a/README.md b/README.md index e0965dc8..f128511f 100644 --- a/README.md +++ b/README.md @@ -111,6 +111,7 @@ project, please check the [project management guide](./PROJECT.md) to get starte - **Guided Setup Wizard** for Supabase and Firebase connections - **Import Figma designs** to generate starter UI code. - **Mobile starter templates** for React Native and Expo with [QR-code previews](docs/docs/mobile-preview.md) via Expo Go. +- **Project templates** to kickstart your app with examples like a Blog, SaaS dashboard, or Ecommerce site. ([learn more](docs/docs/project-templates.md)) ## Setup diff --git a/app/utils/constants.ts b/app/utils/constants.ts index 6b77587a..77348af0 100644 --- a/app/utils/constants.ts +++ b/app/utils/constants.ts @@ -137,4 +137,28 @@ export const STARTER_TEMPLATES: Template[] = [ tags: ['angular', 'typescript', 'frontend', 'spa'], icon: 'i-bolt:angular', }, + { + name: 'Blog', + label: 'Blog Template', + description: 'Basic blog starter to quickly publish articles', + githubRepo: 'xKevIsDev/bolt-blog-template', + tags: ['blog', 'content'], + icon: 'i-bolt:stars', + }, + { + name: 'SaaS Dashboard', + label: 'SaaS Dashboard', + description: 'Starter dashboard layout for SaaS products', + githubRepo: 'xKevIsDev/bolt-saas-template', + tags: ['saas', 'dashboard'], + icon: 'i-bolt:stars', + }, + { + name: 'Ecommerce', + label: 'Ecommerce Site', + description: 'Template for setting up an online store', + githubRepo: 'xKevIsDev/bolt-ecommerce-template', + tags: ['ecommerce', 'shop'], + icon: 'i-bolt:stars', + }, ]; diff --git a/docs/docs/index.md b/docs/docs/index.md index ebf67d8f..b86d0eab 100644 --- a/docs/docs/index.md +++ b/docs/docs/index.md @@ -44,6 +44,7 @@ Also [this pinned post in our community](https://thinktank.ottomator.ai/t/videos - **One-click deployment** to **Netlify**, **Vercel**, or **Cloudflare Pages**. - **Import Figma designs** to bootstrap your UI code. - **Mobile starter templates** for React Native and Expo with [QR-code preview using Expo Go](mobile-preview.md). +- **Project templates** to kickstart your app with examples like a Blog, SaaS dashboard, or Ecommerce site. ([learn more](project-templates.md)) --- diff --git a/docs/docs/project-templates.md b/docs/docs/project-templates.md new file mode 100644 index 00000000..f31646d8 --- /dev/null +++ b/docs/docs/project-templates.md @@ -0,0 +1,9 @@ +# Project Templates + +bolt.diy lets you jumpstart new projects by cloning predefined templates. From the homepage choose **Start with template** and pick a starting point such as: + +- **Blog** +- **SaaS dashboard** +- **Ecommerce site** + +Once selected, bolt.diy imports the template files so you can immediately begin customizing and building your application.