Create a Static Website Using Collected Notes as Your CMS

Want a personal website or blog that updates automatically with your latest notes? With Collected Notes, setting it up is simple! Follow these steps to get your static site live.

Step 1: Head to the Static Website setup

To get started, go to https://collectednotes.com/setup/static-website.

From here, you’ll be able to choose and customize your site template and set up deployment.

Step 2: Pick a Template

Collected Notes offers two ready-to-use templates:

Next.js Template: View the Next.js template on GitHub
Remix Template: View the Remix template on GitHub

Each template includes:

A landing page for visitors with your latest site notes
Individual note pages
Basic search features
Dark mode, syntax highlighting for code snippets, and more!

Customizable! You can modify the templates as much or as little as you want. Start with the basics, then make it uniquely yours.

Step 3: Deploy Your Site

Once your template is ready, it’s time to go live:

Choose a platform—Vercel or Netlify.
Click the “Deploy to Vercel” or “Deploy to Netlify” button on the setup page.
When prompted, set the SITE_PATH environment variable to your Collected Notes site name (e.g., SITE_PATH=alejandro).

After deployment, your site will automatically update every time you publish new notes and mark them as public on Collected Notes.

Optional: Add a Custom Domain

For a more personalized touch, set up a custom domain on your deployment platform, then add it to your Collected Notes site settings. Links shared from the Collected Notes app will automatically redirect to your custom domain.

That’s All!

Now, every time you publish a note and mark it public, your site updates instantly. No more manual updates—just create, share, and watch your website grow with you! 🎉

Happy publishing, and enjoy your new site!