Beta

Supkit

A developer-friendly starter template for Vue 3 with Supabase backend, featuring authentication, database CRUD, real-time subscriptions, and file storage out of the box. Includes Pinia state management, Vee-validate forms, and Vitest for testing. Designed for rapid prototyping with auto-importing APIs and HeroIcons integration.

February 4, 2022
View Live Project
nuxttailwindcssfirebase

Project Notice

This project was built some time ago and may contain outdated dependencies or features. Some functionality might no longer work as expected.

Supkit

Note: This project was built in 2022 and may be outdated. Some dependencies or features might no longer work as expected.

App Features

  • Supabase Auth
  • Supabase Database
  • Supabase Realtime Subscription
  • Supabase Storage
  • Profile Management
  • CRUD for Private Notes

Project Features

  • Vue 3

    - Composition API, components auto importing, modules, etc.
  • Vite - Instant HMR
  • Tailwind CSS

    - Utility CSS Framework
  • Use icons from any icon sets in HeroIcons
  • The <script setup> syntax
  • State Management via Pinia

  • APIs auto importing - for Composition API, VueUse and custom composables.
  • Supabase

    - Open source Firebase alternative

Plugins

Vue Modules

  • VueUse

    - collection of useful composition APIs
  • Pinia

    - intuitive, type safe, light and flexible Store for Vue.
  • VueFinalModal

    - tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.
  • Vue-toaster

    - toast notification plugin for vue 3
  • Vee-validate

    - form validation for Vue
  • yup

    - object schema validation
  • Vitest

    - Vue 3 testing framework powered by Vite
  • supabase-js

    - Supabase JS Client

Other Projects

PDS Express
PDS Express

PDS Express is a web app built with Next.js that helps users enter their personal information once and automatically generate a filled CSC Form 212 Personal Data Sheet PDF for government job applications, HR requirements, and other official submissions. Built with Next.js App Router, React, Tailwind CSS, PostgreSQL, Prisma ORM, and pdf-lib, it supports structured PDS sections such as personal information, family background, education, work experience, trainings, and references, while also offering a mobile-friendly experience with Progressive Web App support and planned features like authentication, payments, resume import, and AI-assisted autofill.

ainexttailwindcssneon
View Live Site
Unuxt
Unuxt

UNuxt is a full-featured Nuxt 4 template that streamlines the setup of modern web applications. With built-in authentication, organization management, and customizable themes, it reduces boilerplate while preserving flexibility. The project is built using Nuxt 4, TypeScript, Better Auth, and Drizzle ORM, with a strong focus on developer experience, clean UI patterns, and scalable architecture. It serves as a solid foundation for production-grade applications.

ainuxtuivercelnuxt
View Live Site
Blink
Blink

Blink is a high-performance local file-sharing application built with Nuxt 4 and WebRTC, enabling secure, lightning-fast peer-to-peer transfers directly between devices with zero server-side storage. The platform leverages WebSockets for real-time device discovery and PeerJS for reliable data chunking, ensuring seamless connectivity and live progress tracking across local networks. Designed for a premium user experience, it features a responsive interface with fluid GSAP animations and sophisticated dual-theme system for a polished, desktop-class feel.

ainuxttailwindcssWebRTC
View Live Site
Lettrly
Lettrly

A personal letter-writing web app with a paper-like interface. Visitors write private letters to you through your custom URL, choosing to remain anonymous or sign in. Features smooth envelope animations, real-time updates, and a clean dashboard for reading and managing letters. Built with Next.js 16, TypeScript, Tailwind CSS, Framer Motion, PostgreSQL, and Auth.js.

fullstacknextpostgresqlauth.js
View Live Site

© 2025 Leigh Dinaya. All rights reserved.