← back

Static Websites

Collected Notes static websites using Vercel

Imagine being able to create a custom static website and update it's contents right from your phone without having to redeploy it!

That's exactly what we built. You can now use our Next.js template to automatically fetch your notes via the API and refresh your static website instantly. No redeploy. No commands to run. No webhooks. It just works.

We are leveraging the “Incremental Static Regeneration” feature of Next.js to keep the static website and your Collected notes in sync.

Features


Get Started

Make sure you have created a Collected Notes premium account. Then go to your site settings and click on “Create static website”, it should take you to the static deployments page.

Step 1: Create your static deployment

Click on the “Deploy with Vercel” button and follow the instructions.

Deploy with Vercel

Step 2: Configure your static website

When prompted for your environmental variables use these values shown in your static deployments page.

Step 3: Tell Collected Notes about your static website domain

Last step. Simply add the domain of your static website deploymenty on your site settings. Go to “Edit Site” > Advanced and enter your domain.

This will enable a new visibility option for your notes. All notes marked as “Showing on site” will automatically show up on your static site!

Here’s a sample static website ↗

🎉