z0xca/blog.z0x.ca
Code Activity Actions

feat(content): new blog post

Browse source
This commit is contained in:
enscribe 2025-03-21 22:29:21 -07:00
parent 8e6df747e0
commit 28bd68c09e
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
17 changed files with 118 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/content/blog/the-state-of-static-blogs/index.mdx vendored
View file

@ -2,7 +2,7 @@
title: 'The State of Static Blogs in 2024'
description: 'There should not be a single reason why you would need a command palette search bar to find a blog post on your own site.'
date: 2024-07-25
tags: ['webdev', 'opinion']
tags: ['v1.0.0']
image: './1200x630.png'
authors: ['enscribe']
---
@ -123,7 +123,7 @@ This is a non-exhaustive list of features I believe are essential for a friction
- The `cn(){:js}` function is a utility function which combines [clsx](https://www.npmjs.com/package/clsx) and [tailwind-merge](https://www.npmjs.com/package/tailwind-merge), two packages which allow painless conditional class addition and concatenation:
```tsx title="src/lib/utils.ts" caption="A utility function for class name concatenation" showLineNumbers
```tsx title="src ＞ lib ＞ utils.ts" caption="A utility function for class name concatenation" showLineNumbers
import { type ClassValue, clsx } from 'clsx'
import { twMerge } from 'tailwind-merge'
@ -134,7 +134,7 @@ This is a non-exhaustive list of features I believe are essential for a friction
This needs to be in every single template. This is an example of it being used in my `<Link>{:html}` component:
```astro showLineNumbers title="src/components/Link.astro" caption="A custom Link component with tailwind-merge and clsx" {10-15} "cn"
```astro showLineNumbers title="src ＞ components ＞ Link.astro" caption="A custom Link component with tailwind-merge and clsx" {10-15} "cn"
---
import { cn } from '@/lib/utils'