Developed Quartz Site with Vercel Deployment

2 min read

📅 2025-07-30 — Session: Developed Quartz Site with Vercel Deployment

🕒 11:25–12:30
🏷️ Labels: Quartz, Vercel, Deployment, React, AWS
📂 Project: Dev
⭐ Priority: MEDIUM

Session Goal: The session aimed to finalize and deploy a Quartz-based static site using Vercel, ensuring proper integration of components and resolving deployment issues.

Key Activities:

  • Finalized the Quartz PageTitle component with a PNG icon, including styling and file placement.
  • Explored image inclusion techniques in Quartz static sites, highlighting the use of static asset paths.
  • Improved website logo visibility through layout adjustments.
  • Adjusted the layout of the PageTitle component to enhance design.
  • Deployed the Quartz site on Vercel, connecting it to a custom subdomain via AWS Route 53.
  • Configured the Vercel ‘New Project’ setup, including framework presets and build commands.
  • Added and fixed build scripts in package.json to resolve Vercel deployment issues, including handling the ‘quartz: command not found’ error.
  • Configured DNS settings for subdomain pointing using AWS Route 53.
  • Explored the Quartz site’s RSS feed and addressed rendering issues.

Achievements:

  • Successfully deployed the Quartz site on Vercel with a custom subdomain.
  • Resolved build script issues, ensuring compatibility with Vercel.
  • Enhanced the design and functionality of the Quartz PageTitle component.

Pending Tasks:

  • Validate the RSS feed display in browsers and ensure content items are correctly populated.

Graph View

Backlinks