VueViteStarter

tapw — Vue Starter Template

By adamsondavid

tapwater is a fullstack template based on Vue 3 and Nitro that provides end-to-end type safety, targets serverless platforms and Docker deployment, but does not support server-side rendering.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-14View source

What stands out

A quick read of the recorded project description.

01

Frontend uses Vue 3 and Vite, supporting fast builds and hot reloading

02

Styling layer uses Tailwind CSS and Shadcn

03

Backend is based on web standards and uses Nitro to convert the Vite app into a fullstack app

04

Frontend and backend share TypeScript types, described in the README as end-to-end type safety

05

Includes Cypress for end-to-end testing

06

Provides three Dockerfiles for Node, Bun, and Deno, enabling containerized deployment

Template Details

tapwater is a fullstack Vue template with clear trade-offs, aiming to reduce initial configuration so development can start directly. The frontend uses Vue 3 and Vite, with Tailwind CSS and Shadcn for styling; the backend is based on web standards and uses Nitro to convert the Vite app into an artifact conforming to the Build Output API. The frontend and backend share TypeScript types, which the README describes as end-to-end type safety. The template includes Cypress for end-to-end testing.

For deployment, the README lists verified targets: Cloudflare Workers, Vercel, Deno Deploy, Netlify, and platforms following Heroku conventions (npm ci && npm run build followed by npm run start). It also provides Dockerfiles based on Node, Bun, or Deno, which can run in any container-supporting environment. The README also gives four online demo addresses to see how the template actually runs on the corresponding platforms.

The limitations are equally clear: the template only supports Vue.js in the traditional single-page application form, does not include server-side rendering, and SSR is out of scope. The README directly advises that if you care about features such as SEO, do not use this template in production. In addition, the README does not provide information about authentication, databases, state management, CI/CD, or performance benchmarks.

VueViteStarter

Is it right for your project?

Use Cases

  • Fullstack Vue single-page application projects that need a quick start
  • Projects planned for deployment to Cloudflare Workers, Vercel, Deno Deploy, or Netlify
  • Projects that need to be deployed as Docker containers to any container environment
  • Development teams that want to share TypeScript type definitions between frontend and backend
  • Projects that need to write Cypress end-to-end tests for a Vue app

Suitable For

  • Developers who accept a single-page application architecture and do not need server-side rendering
  • Teams that prefer the Vue 3, Vite, Tailwind CSS, and Shadcn technology combination
  • Projects targeting deployment platforms such as Cloudflare Workers, Vercel, Deno Deploy, Netlify, or Heroku-like platforms
  • Projects planning to deploy with Docker and needing ready-made Dockerfile references
  • Developers who want to fork the template as a base and modify it themselves

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Click Use this template on GitHub to create your own repository, then clone it locally

  2. 2

    Run npm install to install dependencies, and use npm run dev to start local development

  3. 3

    When deploying, log in to Cloudflare, Vercel, Deno Deploy, Netlify, or a Heroku-like platform and import the project; the platform usually automatically recognizes most configuration parameters, and details can be found in the Nitro deployment documentation

  4. 4

    For containerized deployment, use the Dockerfiles in the repository based on Node, Bun, or Deno

  5. 5

    The README clearly states that the template does not support server-side rendering; if you care about features such as SEO, it is not recommended for production environments

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

  • You are allowed to use, modify, commercialize, and distribute the code of this version for free.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
  • The template only supports Vue.js in the traditional single-page application (SPA) form and does not support server-side rendering (SSR). The README explicitly advises: if you care about features such as SEO, do not use this template in production.
  • The README recommends Cloudflare for hobby projects because its free tier includes unlimited bandwidth, 10 × 10,000 function calls per day, permits commercial use, and does not incur unexpected charges above the limit. This describes the external deployment platform costs.
  • Deployment requires logging in to Cloudflare, Vercel, Deno Deploy, Netlify, or a Heroku-like platform and importing the project, meaning an account on the corresponding platform is required.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

**No Server-Side Rendering:** This template only supports Vue.js as a traditional Single Page Application. SSR is out of scope. Please do not use this template in production if you care about features like SEO.

Original README

> For hobby projects: We recommend Cloudflare due to its excellent free tier, which includes unlimited bandwidth, 100,000 function invocations per day, allowance for commercial use, and no unexpected charges when exceeding limits.

Original README

5. **Deploy**: Log in to Cloudflare, Vercel, Deno Deploy, Netlify, or Heroku(-like) and import the project. The platforms should recognize most config parameters automatically (check [Nitro Docs](https://v3.nitro.build/deploy) for details). If you want to deploy the application as a container, check out our Node, Bun, and Deno based Dockerfiles.

Original README
https://github.com/adamsondavid/tapw/blob/main/LICENSEhttps://github.com/adamsondavid/tapw/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-14. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 88 / 100
Technologies
Vue · Vite
Website type
Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-10-01
Screenshot last checked
2026-10-14

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Vue as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: codex-user-requested-batch-review-20261017 · 2026-10-16

Inspect the recorded source material

SHA-256: 9500885a7bf7e5f2cfa749d538b8b0995400ec1384aaec1326a1cfb5aa79f2cf

2026-10-14T17:21:04.763Z

Source file / repository
# Tap Water 💧

A fast, fullstack Vue.js template for serverless and Docker environments.

Build modern fullstack Vue apps with **end-to-end type safety** and a focus on **developer experience**. Deploy effortlessly to the cloud in seconds with first-class support for popular providers 🚀

## Overview

`tapwater` is an opinionated fullstack template designed to jumpstart your development with minimal setup. It provides a robust stack that prioritizes performance, scalability, and an optimal developer workflow. Whether you're deploying to serverless environments like Vercel, Netlify, or Cloudflare, or spinning up a Docker container in the cloud, `tapwater` has you covered.

Fork, modify, and make it your own!

## ✨ Key Features

- **Vue 3** powered frontend with Vite for fast builds and HMR.
- **Tailwind CSS** and **Shadcn** for rapid and flexible UI development.
- A fully **integrated backend**, powered by web standards.
- **End-to-end type safety** with TypeScript across both the frontend and backend.
- **Cypress** for robust e2e testing.
- Focus on **DX**: fast local development and seamless deployments.
- Optimized for **serverless platforms** like Cloudflare, Vercel, Deno Deploy, and Netlify. Easy **Docker** deployment for environments that support containers.

## ⚠️ Limitations

**No Server-Side Rendering:** This template only supports Vue.js as a traditional Single Page Application. SSR is out of scope. Please do not use this template in production if you care about features like SEO.

## 🛠️ Supported Deployment Providers

This project is based on [Nitro](https://v3.nitro.build/deploy), which allows you to turn any Vite-based application into a fullstack app.
Nitro's strength lies in the ability to transform any Vite-based application into a Build Output API-compliant format for [many](https://v3.nitro.build/deploy) cloud providers.
The following list includes just a few of them that we've verified work well:

- **Cloudflare Workers**
- **Vercel**
- **Deno Deploy**
- **Netlify**
- **Heroku-like Platforms**: Works with platforms that follow Heroku's conventions (e.g., `npm ci && npm run build`, followed by `npm run start`).
- **Docker**: Package and deploy anywhere Docker runs using one of our Node, Bun, or Deno-backed Dockerfiles.

> [!IMPORTANT]
> For hobby projects: We recommend Cloudflare due to its excellent free tier, which includes unlimited bandwidth, 100,000 function invocations per day, allowance for commercial use, and no unexpected charges when exceeding limits.

## 🎬 Live Demos

Check out `tapwater` in action across various providers:

- [Cloudflare Workers](https://tapw.adamsondavid.workers.dev)
- [Vercel](https://tapw.vercel.app)
- [Netlify](https://tapw.netlify.app)
- [Deno Deploy](https://tapw.adamsondavid.deno.net)

## 🚀 Get Started

1. **Click "Use this template"**: create your own repo based on this template
2. **Clone the repo**: `git clone [email protected]:your-username/your-repo.git && cd your-repo`
3. **Install dependencies**: `npm install`
4. **Develop locally**: `npm run dev`
5. **Deploy**: Log in to Cloudflare, Vercel, Deno Deploy, Netlify, or Heroku(-like) and import the project. The platforms should recognize most config parameters automatically (check [Nitro Docs](https://v3.nitro.build/deploy) for details). If you want to deploy the application as a container, check out our Node, Bun, and Deno based Dockerfiles.

## 📄 License

This project is licensed under the [MIT License](LICENSE). Feel free to fork, modify, and share your creations!
Please make sure to include this repository's license in your distribution.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

vitesse

vitesse

Vitesse is an opinionated Vite + Vue 3 starter template maintained by antfu-collective, offering file-based routing, component and API auto-import, Pinia, UnoCSS, PWA, i18n, Markdown, vite-ssg, TypeScript, Vitest, and Cypress.

Vue · Starter

vitesse-webext

vitesse-webext

vitesse-webext is a Vite-powered WebExtension starter template using Vue 3 and TypeScript, with built-in popup, options, and content script examples. It targets Chrome and Firefox, integrates webextension-polyfill, webext-bridge, UnoCSS, VueUse, and unplugin tools, and supports hot reload during development.

Vue · Starter

laravel-vue-spa

laravel-vue-spa

A Laravel + Vue SPA starter kit for quickly building a decoupled web application skeleton. It includes login, registration, email verification, and password reset flows, uses JWT for authentication, and integrates Laravel Socialite with GitHub as an example provider.

Vue · Starter

vue3-h5-template

vue3-h5-template

A mobile H5 starter template built on Vue3, Vite, and Vant4, with TypeScript by default and JavaScript and i18n branches.

Vue · Starter

tov-template

tov-template

tov-template is an MIT-licensed Vite + Vue 3 + TypeScript starter maintained by dishait. It bundles file-based routing, layouts, Mock, auto-imports, UnoCSS, Pinia, vue-request, Vitest, i18n, dark mode, Dockerfile, and engineering scripts.

Vue · Starter

shadcn-vue-landing-page

shadcn-vue-landing-page

A Vue + Shadcn-Vue + TypeScript + Tailwind landing page template with sections like Navbar, Hero, Pricing, FAQ, Team, and Contact, plus dark mode and responsive layout.

Vue · Corporate Website