Today's 🌶️take You matter. There's a lot going on but you... you matter I don't know you. be _we_ need you 🤌 Stay you ❤️

I love how excited we get about tech, but sometimes we forget that we (as devs) speak a different language. I tried to put that in perspective in a short post I titled: "This is what you sound like when you talk about federation" github.com/Sheek-org/Bl... #dev #community #federation #UX

Today's 🌶️ take: A community without a memory cannot learn, grow, or develop wisdom. It's doomed to repeat the same questions, arguments and mistakes forever Stop using chat for support for your projects. kthnxbye ✌️ #community #dev #ux

I wrote a thing about community glue and shared some of my rough ideas about that there. Tech can be amazing when it adapts to users and not the other way around. github.com/Sheek-org/Bl... #community #buildinpublic #forum #dev #chat

Took a short break because life is too short 😛 Back to work 🍿 I fleshed out app settings a bit more. I added default values, you can now cancel changes, reset, and if you save a change, it's saved directly to the db. Much better 😙 #javascript #dev #webdev #buildinpublic #UX #community

The internet's primary goal was information sharing. Beautiful. Amazing An unintended consequence of this was the formation of communities around shared information. Random strangers that care about the same thing But this stuff. This layer, the community layer, is what's broken. The tech failed.

I wrote another open-ended thing about online conversations and communities Just like the last one, it's essentially a train of thought and very rough around the edges. The ideas are there and that's enough #community #buildinpublic #forum #dev github.com/Sheek-org/Bl...

boring, bland, frictionless, dystopian internet. Everythings a 'space'. and every space is owned by the same five guys in california. we did this to ourselves. we traded ownership for convenience the old internet wasnt a global town square. it was a million different little dive bars.

Today's 🌶️ take Code related to a URL segment in the browser should - mostly - live in the same folder on your server. Wild stuff. I know. #javascript #dev #webdev

This took a surprising amount of time to get right, but I added app settings ⚙️ The idea is simple. You do the vast majority of config in an admin interface. #javascript #dev #buildinpublic #webdev #UI #admin

Nobody: Absolutely no one: JSX: <Setting setting={setting} /> #javascript #dev #webdev #jsx

This was and still is peak internet and I don't care what you think. www.cameronsworld.net

I wrote a thing. github.com/Sheek-org/Bl... It's a train of thought for the most part, so I won's argue for my ideas, but I'd welcome your perspective. #community #forum

More fun with on the fly image processing ✨ Doing it programmatically means there's a "general" max width for display images (based on user's screen dimensions * DPR). This avoids useless bandwidth Plus, there's UI elements that have known dimensions #dev #buildinpublic #javascript #performance

Did some work on images 📸 You're probably seen this pattern before. Resize and transform images on the fly with query params Watch a 700KB image shrink to 20KB when we pass the right params we need (for its place in the UI) to the image server #javascript #dev #buildinpublic #performance

Worked on a first pass for the #chat page 👷 Wired up some db collections and some UI It was much easier to get into because the design patterns from the forum page translate well here. I've always been a fan of emerging patterns in place of extensive planning #javascript #dev #buildinpublic #ui

I'm going to stop the first (rough) forum thread list work here I feel like I got a lot of the ideas down. More importantly, the shell is there to continue when I get back to it. I'm moving on to chat next #dev #ui #javascript #forum #buildinpublic #webdev

Spent some time thinking about the thread list What info is actually useful once you do all the filtering? I mostly care about three things The title When it was last active (relative to my time) and how many people replied to it the rest is... noise #forum #UX #dev #javascript #buildinpublic

Ok, brainstorming a bit here. What if... we treat taxonomies as actors. "movies" is a category in the forum. But what if it becomes [email protected] (the public name is "movies" this is the internal stuff) When you create a new thread there, you're "sending it" to that actor.

"The UI as the URL editor" is a nice mental model 👷 You have all kinds of inputs to add let the user control the URL, then you show a single list that incorporates that URL The URL is shareable and the list is live because you sub with the same filters #javascript #UI #buildinpublic #dev #forum

Made some more progress on the forum drill-down 🎨 There's still a lot of stuff to iron out, but I'm really liking how everything is locked to the URL. #community #forum #dev #javascript #buildinpublic #webdev #UI

Worked on UI layouts for the different types of content 🖌️ It's mostly drill-down because I think this is the most efficient way to explore content. #buildinpublic #community #javascript #webdev #UI

Breaking news. People discover that horrible triangle company is in fact...horrible.

I added the Node app server back, but in a much better way 🦄 It's now a very direct way to call functions on the server. Always returns JSON and the functions are "mostly" pure. It's integrated with the main db. ctx.user is the read user from the db. #javascript #dev #fullstack #buildinpublic

systemd auto restarts with delays and max retries is such a good pattern random fatal errors become more like minor hiccups unless there's something fundamentally broken #javascript #dev #buildinpublic #backend #devops #webdev

The scope of the project is increasing a bit and I now have a bunch of services I need to manage🏃 I added an install script that will offload all of that to systemd This means we get auto-restarts and all kinds of systemd magic 🏋️ Npm no longer runs anything #javascript #dev #buildinpublic #infra

I removed the main Node server in favor of smaller stateless processes A new dev-only process runs a persistent esbuild build. This detects changes and has it's own SSE endpoint for live reload Another dumb process will be for on off server functions - JSON #javascript #buildinpublic #dev #webdev

Today's 🌶️ take The internet was designed so that a bunch of nodes that contain a bunch of documents can respond to requests for those documents. See how there's no "central authority" here? Using mega corps to host your docs or to "protect you from bots" defeats that purpose. #dev #buildinpublic

Part of the RFC I shared is "The whole promise is this: you get a cheap server, you run one command, and your community is live" Getting to that point needs a bit of planning. #javascript #dev #infra #buildinpublic #webdev #community

Doing some exploration for uploads 🕵️ I want to anchor uploads to content (no orphaned uploads) I tried Quil as the "blessed" editor and it works really well with pocketbase Quil handles most of the UI, pocketbase handles file storage and permissions #javascript #dev #buildinpublic #webdev #dx

Today's 🌶️ take The fight for the javascript trademark championed by the folks at Deno makes sense crowdfunding $200k for it to lawyer up against an $800 billion company does not. I don't care what what it's called. I'll still use it that $200k could have gone to better causes

I integrated OAuth for social logins 💁 You get your client id and secret from some provider (like google or github) and add them in an .env file That's all you need to do 🦄 Everything else is wired up. Pocketbase does most of the heavy work 🏋️ #javascript #dev #buildinpublic #webdev #UX #oauth

The latest work on real-time subscriptions 🏃 You no longer need any server routes. All the subscription stuff can be client-side. This is mostly thanks to pocketbase apis In other words, a component can be fully isolated, data and all. #javascript #dev #buildinpublic #pubsub #webdev #dx

I added Mailpit as a dev mail server 📬 mail.localhost will give you a place to catch emails sent locally in dev This will ship with project templates. One less thing you need to worry about configuring. Plus Mailpit is a single binary 🔥 #javascript #dev #buildinpublic #webdev #dx

golang 🤝 javascript

I got a first pass of work done integrating Caddy 👀 The immediate impact: removed all static file handling and all the compression logic from the node app 🔥 enabling zstd (gzip fallback) is literally one word 🦄 #javascript #dev #buildinpublic #webdev #performance

The beatings will continue until the code readability improves.

There's very few things in life that bring me more joy than deleting code.

I've been shopping around for a reverse proxy / file server and Caddy is the best fit. I'll be working on that next Single executable binary, automatic certs, easy to configure, and tons of other features esbuild, pocketbase, caddy... I'm noticing a pattern... #javascript #dev #webdev #golang

I can't think of anything to caption this with, so here it is 💁 Real, live, performant db search in the content field of posts. The thing on the left is the entire thing. the war on boilerplate continues 🤸 #javascript #dev #buildinpublic #performance #dx #webdev

Playing around with Pocketbase 👀 What an amazing piece of software ❤️ There's no need for app-level endpoints The official SDK is designed to be run in the browser. It talks directly to the db server (single Golang binary) This is all client code #javascript #dev #buildinpublic #webdev

I revisited this with a fresh pair of eyes after working on the SSR component and I managed to cut down boilerplate a bit with an #SSE component 👻 Essentially, you give it an endpoint, a render function, and a method (replace or the default "append") for what to do #javascript #dev #buildinpublic

Another example of "static islands" 👀 This time with "live search" everything is CSR except <SSR /> but it responds to client URL which is modified with a CSR input The product cards are essentially static links, so, skip the middle JSON part and just SSR them #javascript #dev #buildinpublic

I spent a bit more time on this 🍿 I see a path forward with this pattern.

Experimenting with a new thing⚗️ You've heard of "dynamic islands" but have you heard of "static islands" Instead of SSR with dynamic client stuff, we start with CSR and add JSX SSR endpoints that return static HTML partials All wrapped in a declarative <SSR /> #javascript #dev #buildinpublic

A little detour 🤸 HTTP out SSE in plus code colocation makes it possible to have an (example) counter work as a real time thing that can skip optimistic updates Still lots of boilerplate to cut even thought the whole thing is 40 LOC in two files next to each other #javascript #dev #buildinpublic

I continue to explore the "bundle all the thingz" approach 🍿 With the CSS + JS for all the deps an entry point being rolled into a single file, the next step is to inline that file into the html response instead of a separate request More in the replies #javascript #dev #buildinpublic #webdev

frontend is a lie. It never ends. 🤕

CSS bundling 👀🔥 long story short when you use Header.jsx, Header.css is automatically loaded if it exists all the components and their css that "a page" uses are bundled into a single tree-shaken file you can enable sourcemaps and debug code as authored #javascript #dev #buildinpublic #webdev

typescript bad