Skip to content
Back to articles
1 min read

Getting Started with Framewise

Learn how to set up and customize the Framewise theme for your personal portfolio and blog.

Astro Tutorial Getting Started
Getting Started with Framewise

Welcome to Framewise

Framewise is a premium Astro theme built for people who want a portfolio, blog, and landing page system without the overhead of a CMS. It is designed to feel editorial, load quickly, and stay easy to customize.

Why Framewise?

It focuses on the pieces buyers care about most:

  • Local Markdown and MDX content
  • Static-first rendering with minimal client-side JavaScript
  • Config-driven branding and navigation
  • Reusable sections that can be rearranged easily

Quick Setup

Getting started is straightforward:

npm install
npm run dev
npm run build

Customization

Open src/site.config.ts to update the site name, social links, hero copy, and reusable content arrays. The visual system lives in src/styles/global.css, where you can adapt colors, spacing, and typography to match your brand.

Content Management

All content lives in the src/content/ directory:

  • Blog posts go in src/content/blog/ as .md or .mdx files
  • Projects go in src/content/projects/ as .md files

Each file uses frontmatter to define metadata like titles, descriptions, and images. The theme validates the structure at build time.

Simplicity is the ultimate sophistication.

Start writing and let the theme do the heavy lifting.