Shrty - Nuxt 3 URL Shortener

A simple URL shortener built with Nuxt 3 and Supabase, Designed with Tailwind CSS.

Topics

• Introduction to Nuxt 3 and Supabase
• Project Setup
• Creating the UI
• • Header
• • Default Layout
• • Home Page
• • Auth Page
• • Dashboard Page
• Github Authentication
• Supabase Row Level Security (RLS) Setup
• Creating Short Links
• Fetching Short Links
• Supabase Trigger & Functions (Click Count automation)
• Creating the Redirect Page
• Custom 404 Page
• Deploying to Netlify

Usage

Copy the .env.example file to .env and fill the values.

cp .env.example .env

Install the dependencies

npm install # or yarn install

Run the development server

npm run dev # or yarn dev