Astro rewrite

.github/cli/create-blog.mjs

@@ -1,24 +1,42 @@
 import fs from 'node:fs'
 import path from 'node:path'
-
 import { cancel, group, outro, select, spinner, text } from '@clack/prompts'
-import { format } from 'date-fns'
 
-import { allBlogs, allTags } from '../../.contentlayer/generated/index.mjs'
+/**
+ * Converts a date into `YYYY-MM-DD` format.
+ * @param {Date} date
+ * @return {string}
+ */
+function format(date) {
+  const year = date.getFullYear()
+  const month = (date.getMonth() + 1).toString().padStart(2, '0')
+  const day = date.getDate().toString().padStart(2, '0')
+
+  return `${year}-${month}-${day}`
+}
+
+const contentFolder = path.resolve('./src/content')
+const allTags = fs
+  .readdirSync(path.join(contentFolder, 'tags'))
+  .map((f) => path.basename(f, path.extname(f)))
 
-const folder = new URL('../../content', import.meta.url).pathname
+/**
+ * Returns a template for the blog post.
+ * @param {{ title: string; description: string; tag: string; status: string; }} param0
+ * @return {string}
+ */
 const getTemplateFor = ({ title, description, tag, status }) =>
   `
 ---
 title: '${title}'
 description: >-
   ${description}
 type: Blog
-date: '${format(new Date(), 'yyyy-MM-dd')}'
+date: '${format(new Date())}'
 tag: ${tag}
 status: ${status}
 ---
-`.trim()
+`.trimStart()
 
 export async function createBlog() {
   const { title, slug, description, tag, status } = await group(
@@ -42,8 +60,7 @@ export async function createBlog() {
               return 'Value is required'
             }
 
-            const file = path.join(folder, `${value}.mdx`)
-            if (fs.existsSync(file)) {
+            if (fs.existsSync(path.join(contentFolder, `blog/${value}.mdx`))) {
               return 'Slug is already used'
             }
 
@@ -65,9 +82,8 @@ export async function createBlog() {
           message: 'Select a tag',
           required: true,
           options: allTags.map((tag) => ({
-            value: `tags/${tag.slug}.mdx`,
-            label: tag.title,
-            hint: `${allBlogs.filter((b) => b.tag.slug === tag.slug).length} blogs written`,
+            value: tag,
+            label: tag,
           })),
         }),
       status: () =>
@@ -96,8 +112,8 @@ export async function createBlog() {
   })
   const creating = spinner()
   creating.start('Creating the document')
-  const documentPath = path.join(folder, `blog/${slug}.mdx`)
-  await fs.promises.writeFile(documentPath, template.trim(), 'utf-8')
+  const documentPath = path.join(contentFolder, `blog/${slug}.mdx`)
+  fs.writeFileSync(documentPath, template.trim(), 'utf-8')
   creating.stop()
 
   outro(`Blog post is created at ${documentPath}`)

.github/cli/send-email.mjs

@@ -1,17 +1,26 @@
 import fs from 'node:fs'
+import path from 'node:path'
 import mjml2html from 'mjml'
 import Mailjet from 'node-mailjet'
 
 import { cancel, confirm, group, select, spinner } from '@clack/prompts'
-import { compareDesc } from 'date-fns'
 import Handlebars from 'handlebars'
-import { allBlogs } from '../../.contentlayer/generated/index.mjs'
-
-const publishedBlogs = allBlogs
-  .filter((b) => b.status === 'published')
-  .sort((a, b) => compareDesc(new Date(a.date), new Date(b.date)))
+import { readSync } from 'to-vfile'
+import { matter } from 'vfile-matter'
+
+const blogPath = path.resolve('./src/content/blog')
+const publishedBlogs = fs
+  .readdirSync(blogPath)
+  .map((file) => {
+    const slug = path.basename(file, path.extname(file))
+    const contents = readSync(path.join(blogPath, file))
+    matter(contents)
+    return { slug, data: contents.data.matter }
+  })
+  .filter((b) => b.data.status === 'published')
+  .sort((a, b) => +new Date(b.data.date) - +new Date(a.data.date))
 
-const { pathname: templatePath } = new URL('../blog.mjml', import.meta.url)
+const templatePath = path.resolve('./.github/blog.mjml')
 const template = await fs.promises.readFile(templatePath, 'utf-8')
 
 export async function sendEmail() {
@@ -21,7 +30,7 @@ export async function sendEmail() {
         select({
           message: 'Which blog post do you want to write about?',
           options: publishedBlogs.map((blog) => ({
-            label: blog.title,
+            label: blog.data.title,
             value: blog.slug,
           })),
         }),
@@ -34,7 +43,7 @@ export async function sendEmail() {
     },
   )
 
-  const blog = allBlogs.find((b) => b.slug === slug)
+  const blog = publishedBlogs.find((b) => b.slug === slug)
   const { errors, html } = mjml2html(template, {
     validationLevel: 'strict',
     preprocessors: [
@@ -43,8 +52,8 @@ export async function sendEmail() {
         return handle({
           heading: 'Engineering with Yagiz',
           imageUrl: 'https://www.yagiz.co/family.png',
-          title: blog.title,
-          description: blog.description,
+          title: blog.data.title,
+          description: blog.data.description,
           url: `https://www.yagiz.co/${blog.slug}`,
         })
       },
@@ -109,7 +118,7 @@ export async function sendEmail() {
             Name: 'Yagiz Nizipli',
           },
         ],
-        Subject: `New post: ${blog.title}`,
+        Subject: `New post: ${blog.data.title}`,
         HTMLPart: html,
         TrackOpens: 'enabled',
         TrackClicks: 'enabled',

.github/cli/update-sponsorships.mjs

@@ -1,8 +1,9 @@
+// Go to https://github.com/sponsors/anonrig/dashboard/your_sponsors
+// Click to Export button and save it to .github/sponsorships.json
+
 import fs from 'node:fs'
 import { cancel, confirm, isCancel, spinner } from '@clack/prompts'
 import open from 'open'
-// Go to https://github.com/sponsors/anonrig/dashboard/your_sponsors
-// Click to Export button and save it to .github/sponsorships.json
 
 function get_tier(transaction, sponsor) {
   if (transaction == null && sponsor.is_yearly) {

.github/workflows/link-checker.yml

@@ -15,4 +15,4 @@ jobs:
       - uses: actions/checkout@v4
       - uses: gaurav-nelson/github-action-markdown-link-check@v1
         with:
-          folder-path: 'content'
+          folder-path: 'src/content'

.github/workflows/linter.yml

@@ -0,0 +1,18 @@
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    types: [opened, synchronize, reopened]
+name: Linter
+jobs:
+  linter:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Biome
+        uses: biomejs/setup-biome@v1
+        with:
+          version: "latest"
+      - name: Run Biome
+        run: biome check .

.gitignore

@@ -1,48 +1,26 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# build output
+dist/
+# generated types
+.astro/
 
 # dependencies
-/node_modules
-/.pnp
-.pnp.js
+node_modules/
 
-# testing
-/coverage
-
-# next.js
-.next
-out
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
+# logs
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
-.pnpm-debug.log*
+pnpm-debug.log*
 
-# local env files
-.env*.local
 
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
-# vscode
-.vscode
-
-.contentlayer
-
-# Dotenv
+# environment variables
 .env
+.env.production
 
-sponsorships.json
+# macOS-specific files
+.DS_Store
 
 # Sentry Config File
 .sentryclirc
+
+sponsorships.json

README.md

@@ -1,6 +1,6 @@
 ## yagiz.co
 
-This repository contains the source code and content of my personal blog, [yagiz.co](https://www.yagiz.co). The blog is built with Next.js and styled with Tailwind CSS.
+This repository contains the source code and content of my personal blog, [yagiz.co](https://www.yagiz.co). The blog is built with [Astro](https://astro.build) and styled with [Tailwind CSS](https://tailwindcss.com).
 
 ### Getting started