TEST

Your post content starts here... Welcome to this introductory guide on building a blog with Qwik!

Qwik is a new kind of web framework that can deliver instant-loading web applications at any size or complexity. Its unique approach to resumability allows for minimal JavaScript execution on the client-side, leading to incredibly fast load times.

In this post, we'll cover:

• Initial project setup
• Creating your first components
• Understanding Qwik's core concepts like resumability and reactivity

Let's dive in!

Setting up your Qwik project

First, ensure you have Node.js and pnpm (or npm/yarn) installed. Then, you can create a new Qwik project using the CLI:

Follow the prompts to select the "Basic App (QwikCity)" starter. This will give you a good foundation with routing already set up.

Creating Blog Post Components

Blog posts are typically written in Markdown or MDX. Qwik City has built-in support for MDX, allowing you to combine Markdown with Qwik components.

We'll structure our blog posts under src/routes/blog/(posts)/[slug]/index.mdx. The [slug] part indicates a dynamic route parameter.

The frontmatter at the top of your MDX file is crucial for metadata:

This metadata can then be accessed in your layout components or on the blog listing page.

Stay tuned for more advanced topics!