Hello, World!

It’s been a while since I last touched my blog and boy have things changed. I wrote it in 2016 using PHP and MySQL while painstakingly using Material Design to create the interface. It’s been chugging along on a VPS, seldom disturbed, until today.

This is a “Hello, World!” for my new blog site written using Next.js with Tina as the CMS. Using Tina, I can leverage the power of MDX to easily create pages using Markdown with embedded JSX all styled through MUI.

For example, here’s the full source of this post, rendered from its own bytes with Expressive Code’s <Code> component:

1
---
2
title: Hello, World!
3
slug: hello-world
4
created_at: "2022-03-12T02:51:10.000-08:00"
5
headline: Hello, World!
6
---
7

8
It's been a while since I last touched my blog and boy have things changed.
9
I wrote it in 2016 using PHP and MySQL while painstakingly using Material Design to create the interface.
10
It's been chugging along on a VPS, seldom disturbed, until today.
11

12
This is a "Hello, World!" for my new blog site written using [Next.js](https://nextjs.org/) with
13
[Tina](https://tina.io/) as the <abbr title="Content Management System">CMS</abbr>.
14
Using Tina, I can leverage the power of [MDX](https://mdxjs.com/) to easily create pages using Markdown with
15
embedded <abbr title="JavaScript XML">JSX</abbr> all styled through [MUI](https://mui.com/).
16

17
For example, here's the full source of this post, rendered from its own bytes with Expressive Code's `<Code>` component:
18

19
import { Code } from 'astro-expressive-code/components'
20

21
<Code
22
    code={props.source}
23
    lang="mdx"
24
    meta={`title="${props.fileName}" {21-25} frame="terminal"`}
25
/>