hello world post

This commit is contained in:
Satria 2026-06-03 20:51:38 +07:00
commit cce5519087
4 changed files with 30 additions and 3 deletions

3
.gitignore vendored
View file

@ -1,3 +1,6 @@
# nixos shenanigans
result*
# dependencies (bun install) # dependencies (bun install)
node_modules node_modules

View file

@ -5,10 +5,10 @@
"private": true, "private": true,
"scripts": { "scripts": {
"tw-dev": "bunx tailwindcss -i style.css -o dist/style.css --watch", "tw-dev": "bunx tailwindcss -i style.css -o dist/style.css --watch",
"bun-dev": "bun --watch index.ts",
"prev": "bunx serve dist", "prev": "bunx serve dist",
"deploy": "bunx wrangler deploy --assets=./dist", "deploy": "bunx wrangler deploy --assets=./dist",
"build": "bunx tailwindcss -i style.css -o dist/style.css && bun index.ts" "build": "bunx tailwindcss -i style.css -o dist/style.css && bun index.ts",
"dev": "bun --watch index.ts"
}, },
"devDependencies": { "devDependencies": {
"@types/bun": "latest" "@types/bun": "latest"

23
posts/hello-world.md Normal file
View file

@ -0,0 +1,23 @@
title: Hello World!
desc: I've been procrastinating for a long time but here we are.
date: 2026-06-03
draft: false
^---
Honestly didn't even thought I would build this mainly because of burnout from school and just life in general. But I managed to lock in on building this blog project mainly because I've been needing a place to dump my mind and ideas on and I've been looking for an opportunity to practice and fix my grammar and ~~totally formal~~ writing. I'll be talking about more than just tech related stuff and _maybe_ some real life things I'm experiencing.
I will hopefully develop and expand this blog with mroe features and write more than my previous blogs. Not a gurantee but I really hope so as I have a _bad_ habit of leaving things undocumented. The current way of making new blog post doesnt really allow me to make posts from mobile easily so I might not post as often as I wanted to but I'll fix that later. I also have plans to make this my main website _if_ things are _stable enough_ and this ends up receiving more traffic.
---
## Technical Details
The design and architecture of this blog is heavily insipired by my friend's site, [orangc](https://notes.orangc.net/). Only difference I wrote a custom static site generator using [Bun](https://bun.com/) as it has a [builtin parser for Markdown](https://bun.com/docs/runtime/markdown). I'm pretty proud of the end result as so far the build script uses _zero_ NPM dependencies (_except for [Tailwind](https://tailwindcss.com/) of course_) and was actually relatively fast. Everything is hosted on [Cloudflare Workers](https://www.cloudflare.com/products/workers/) with the source code for this site hosted on [my Forgejo instance](https://git.satr14.my.id/satr14/ssg.md) (including all posts written in markdown, you can click on the **view revisions** link under the post title to view the commits for this post).
This isn't one of my first attempts of writting a blog website. Most of them failed mainly due to lack of motivation to actually write anything. I tried using [Hugo](https://gohugo.io/) once but that learning curve (~~or just a skill issue~~) was too high for me so I opted to write my own blog from scratch using [SvelteKit](https://kit.svelte.dev/) and [Pocketbase](https://pocketbase.io/) which was **highly** overkill and was teadious to even write.
List of features to implement:
- [ ] Table of contents
- [ ] Comments, Reactions, View counts
- [ ] Live message feed for anything I feel like shitposting (think WhatApp channels)
- [ ] Submission form to send messages to me straight from this site

View file

@ -19,6 +19,7 @@ a:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a) { @apply decoration-ctp-blue underline
p { @apply text-lg my-6; } p { @apply text-lg my-6; }
hr { @apply border-t border-ctp-surface1 my-6; } hr { @apply border-t border-ctp-surface1 my-6; }
del { @apply text-ctp-subtext1 italic; }
ul, ol { @apply list-inside my-4 pl-2; } ul, ol { @apply list-inside my-4 pl-2; }
ol { @apply list-decimal; } ol { @apply list-decimal; }