My Personal Website + URL Shortner using Next.js, Cloudflare Pages & KVNamespace

Features

• URL Shortener
• Configurable Redirects (using Cloudflare KVNamespace)
• Configurable Default Redirect (app/not-found.tsx)
• Homepage

Try it

• https://caios.pages.dev/ (Default Redirect to https:/caiostoduto)
• https://caios.pages.dev/linkedin (Redirect to https://www.linkedin.com/in/caiostoduto/)

Getting Started

1. Clone the repository

$ git clone [email protected]:caiostoduto/caios.pages.dev.git
$ cd caios.pages.dev

2. Install dependencies

$ pnpm install

3. Create a new Cloudflare KVNamespace

$ pnpm wrangler kv:namespace create REDIRECT

4. Deploy the worker

$ pnpm run pages:deploy

5. Enable Node.js from the Cloudflare dashboard

6. Bind your KV namespace to your Pages Function (Repeat step 4 after enabling 'nodejs_compat')

7. Add your redirect routes to the KVNamespace (suggest using Cloudflare KVNamespace Dashboard)
   must include '/' (default) route