Lani Akita

Full Stack Developer

  • Aloha, I'm Lani

    My name is Lani Akita, and I'm a Full Stack Developer, writer and ex-Biologist from Hawai'i. My specialty is in overcoming challenges, setbacks, and unsupported use cases. I'm also pretty passionate about modern web development.

    Naturally, I'm obsessed with the never ending cascade of new shiny tools and technologies that enables us to redefine what a website can be. Technologies that push beyond the limits of what ought to be possible to run from a web browser, like WebGPU (a huge leap forward from WebGL), or WebAssembly (a technology that brings high-performance, low-level languages to the browser).

    Hint: You can subscribe to my blog's web feed to follow along as I dive into my current technological obsession.

    const laniAkitaSummary = {
      id: 0o7734,
      role: "Full Stack Developer",
      main_programming_langs: ["TypeScript", "Rust", "Python"],
      main_frameworks: ["Next.js", "SvelteKit"],
      main_ui_libraries: ["React", "Svelte"],
      main_frontend_tools: ["tailwindcss", "Three.js"],
      main_backend_tools: ["Bun", "Node.js", "Drizzle ORM", "Postgres", "SQLite"],
      professional_interests: ["Accessibility", "Scalability", "Reproducibility", "IaC", "WebAssembly", "WebGL", "WebGPU", "NixOS"],
      main_devops_tools: ["SST", "Pulumi", "Podman", "Docker", "K8s"],
      education: [{
        degree: "BSc in Biological Sciences",
        school: "University of California, Santa Barbara",
        timeframe: { from: 2016, to: 2020 }
      }]
    };
    
    Fig. 01: Myself summarized as a JS object. The snake_case implies compatibility with a database, perhaps suggesting this object might be inserted into some database's table.

    Passion Projects

    When I'm not working for someone else, I'm working for myself and the open-source community, sharpening my skillset on a healthy dose of ambitious side-projects. I love exploring the latest tools, learning their secrets, and discovering how (and where) these new technologies fit into my software engineering toolbelt.

  • Foreground: In big text are the words "rehype fn-citation spacer", with smaller text below that says "a rehype plugin that makes some space between adjacent in-text footnote-citation/references". Background: A pink gradient, with a grid pattern imposed upon on it.

    A rehype plugin that makes some space between adjacent in-text footnote citations/references.

  • Butterfly Signal's default image imposed on a gray radial gradient (darker at edges).

    Butterfly Signal

    A browser extension to help you discover websites on Bluesky/AtProto.

  • Foreground: MDX symbol plus a typescript file plus a cloud database symbol. Background: two-dimensional gradients spanning a distance infinitely far away, that appears to make a floor and a ceiling from the viewers perspective.

    A Custom CMS

    A custom CMS I built, that launched with this website.

  • Screenshot of a simplex noise shader, featuring black and white elements.

    A GLSL shader created using simplex noise, and many distance functions.

  • Foreground: A pink pyramid overlaps an bold-blue acute letter L. Background: An out-of-focus fluid-like black and white pattern resembling a zebra.

    laniakita.com

    My personal website, blog, and portfolio. It's also the test bed I use to cut my teeth on ermerging tools and technologies in the Javascript ecosystem.

  • Screenshot of a development build of Bot Clicker, before being officially released to the public.

    Bot Clicker

    A toy-game that briefly lived on the landing page, where you clicked on robots.

  • Client Works

    I used to be a freelance WordPress developer, now I'm a freelance Full Stack Developer. Below are some of the sites I've created for my Clients, that utilize my Full Stack skillset.

  • a (desktop sized) screenshot of highesoterica.com as of 11/09/2024

    High Esoterica

  • a (desktop sized) screenshot of highesoterica.com as of 11/09/2024

    Maitais At Sunset

  • Latest from the Blog

    When I get the chance, I like to indulge in writing words, instead of code. Though, I'll admit most of my published endeavors into the written word often contain quite a bit of code snippets anyways (it is a dev blog after all). You can find more articles like the below on my blog.

  • Source: Artem Horovenko (via Unsplash). On the left side of the image, there are two adjacent pairs of large blue tubes, aligned vertically, and running from the left to the center of the image, featuring a convex-fairing, and a grate over their respective openings. In the background we can see more large blue tubes, curving left and right, with steel cages and catwalks adjacent to them. On the right side of the image, there are six large green tubes, placed vertically, and spaced tightly together, running from top to bottom of the image.

    How I Broke (my own) Production & How I Fixed it 4 Hours Later

    An Adventure in Deploying Next.js Apps with Bun, Turborepo, and SST from a CI

  • A parody, that features a main character, with a bun for a head and a blindfold featuring MDX across it. A blue box with TS on it, a black box with some rain drops, and a green moose appear to be background characters. A character with a W for a head, representing a standard CMS, is eating popcorn in the corner.

    Updated:

    How I Built a CMS, Using TypeScript, Bun, Drizzle, & MDX (complete version)

    Then swapped it out for something better, contentlayer2

  • Abstract art of a conical gradient. Next.js represented by darker colors on the left, Ion/SST represented by lighter colors on the right.

    Updated:

    Thoughts on Rebuilding my Website, Next.js 14.2+, & SST

    Bonus thoughts on React Three Fiber, & Zustand too

  • Screenshot of a development build of Bot Clicker, before being officially released to the public.

    Updated:

  • Rounded vertical rectangle resembling a text file icon, with the top right of the rectangle folded inward to resemble a page from a book that's been dog-eared. At the bottom is the text YADB.mdx

    Welcome to Yet Another Dev Blog

    There's many like it, but this one is mine