Shrty - Nuxt 3 URL Shortener

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

Full Video Course Link

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

Deployment

Vercel deployment is already covered in the video.

For digital ocean deployment, follow the Digital Ocean Deployment Guide.

Contributions & Issues

Please feel free to raise an issue for suggestions or bugs. You can ,essage me on twitter @jahidDev.

License

The project is released under the WTFPL2 Do What The F*ck You Want To Public License.

---

jahid.dev  ·  YouTube @jahidanowar  ·  Twitter @jahidDev  ·  Instagram @jahidDev