Lani Akita

Full Stack Developer

  • Aloha, I'm Lani

    Aloha! My name is Lani Akita. I'm a Full Stack Developer, writer and ex-Biologist from Kailua, Hawaii. 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

  • Dev for Hire

    I wield an expansive (and ever expanding) knowledge base and skillset, as I wear the many hats required to work within the whole enchilada of modern Web Development. From Front-end to Back-end to even Systems Design, I can do it all.

    My specialty is in Front-end Development (I am an Artist, after all), however I'm no stranger to writing back-end applications and using cutting-edge systems programing languages like Rust to do it.

    contact me / request résumé
    ServiceDescription
    Developer ConsultingI offer my analytical-skills as a trained Biologist, and my years spent behind the command line and text-editor, to help your business grow.
    Front-end DevelopmentMy Front-end skillset can be used to build elegant, accesible, responsive, user interfaces, immersive digital experiences powered by WebGL (and now WebGPU) via Three.js, brochure sites, and more.
    Back-end DevelopmentMy back-end skills can be used to create APIs, internal web applications, content management systems, and anything else that CRUD's the rows and tables of a database (or several).
    Full-Stack DevelopmentFor projects that require me to work on both ends of the stack (like creating a Next.js/SvelteKit based application), my entire breadth of knowledge is available as a single service.
    AI-generated Software Application Rescue (AGAR)LLMs and AI assistants are tools, but when wielded improperly, can result in deeply flawed, highly fragile, software applications. I offer my sympathetic ear, along with my software engineering skillset, to help make things right when AI-generated applications go awry.

    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