Skip to content

Add Capstart template - #546

Open
AdrienADV wants to merge 1 commit into
ionic-team:mainfrom
AdrienADV:add-capstart-template
Open

Add Capstart template#546
AdrienADV wants to merge 1 commit into
ionic-team:mainfrom
AdrienADV:add-capstart-template

Conversation

@AdrienADV

@AdrienADV AdrienADV commented May 25, 2026

Copy link
Copy Markdown

Summary

Adds Capstart to the Capacitor Templates page.

Capstart is a mobile-first Capacitor boilerplate built with React, Vite, TypeScript, Supabase, Tailwind CSS, and shadcn/ui. It gives developers a ready-to-use starting point for building iOS and Android apps with a modern web stack.

What Capstart Includes

  • React + Vite + TypeScript app setup
  • Capacitor configuration with native iOS and Android projects
  • Supabase authentication wiring
  • Protected and guest route patterns
  • Tailwind CSS and shadcn/ui components
  • Mobile-first layout with safe-area handling
  • Development scripts for web and mobile live reload workflows

Why

The existing templates page highlights Capacitor starter projects for different frontend stacks. Capstart adds a React-based option focused on full app scaffolding, including authentication, styling, and native mobile setup.

@vercel

vercel Bot commented May 25, 2026

Copy link
Copy Markdown

@AdrienADV is attempting to deploy a commit to the Ionic Team on Vercel.

A member of the Team first needs to authorize it.

@vercel

vercel Bot commented Aug 10, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
capacitor-docs Ready Ready Preview Aug 10, 2026 4:51pm

Request Review

@eric-horodyski

Copy link
Copy Markdown
Member

Hi @AdrienADV — I'm not opposed to adding this, especially since most of the other templates have gone stale.

Originally this page was intended to showcase non-Angular/React/Vue starting points for developers looking into different frameworks, built by the Ionic team.

This page needs some reconsideration altogether...let me sleep on this and see if we can come up with a better purpose for this page.

@AdrienADV

Copy link
Copy Markdown
Author

Totally makes sense!

Just to give a bit more context on why I added Capstart here: after using Capacitor for years, I’ve found it incredibly useful for turning existing web apps into mobile apps, often without having to rebuild everything with a separate mobile framework.

The main friction I kept seeing was getting started: understanding the web/native boundary, knowing which plugins and configuration you actually need, handling safe areas, setting up the native projects, etc.

That’s really why I started Capstart. The goal is to make that first experience with Capacitor as straightforward as possible and help people get to a good mobile result quickly.

There’s a ready-to-use starter with React, shadcn/ui, Supabase, etc., but also the CLI, which can integrate Capacitor directly into existing React, Svelte, Vue, Next.js, Nuxt and other projects, while setting up the native side and some of the defaults I’ve found useful over the years.

Capacitor has been so useful in my own work that I wanted to make that experience easier to discover and use for others too, that’s mainly why I thought it could make sense to share it here

But I totally understand your point about reconsidering the purpose of the page.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants