Eka articles - 42 total
First impressions on Next.js Automatic Font Optimization
Cover photo: Lobster by Meritt Thomas Automatic Webfont Optimization is a new feature that shippe...
Serverless GraphQL Server: Deploying to Netlify Functions, 3 ways
As a detour from my attempt at learning GraphQL resolvers and data sources, I'm going to try... deplo...
Power up your (API) mocking game with casual
Cover image: Calvin & Hobbes © Bill Watterson Previously in this series, I made a GraphQL API...
Typing and mocking a GraphQL API server with Apollo
Previously in this series, I made a GraphQL server that returns nothing. Now I'm going to design the...
Serving nothing through GraphQL
The absolute minimal GraphQL server (with a hint of existential crisis) I was taking Apollo’s beg...
Converting Spotify Web API Objects to GraphQL Schema Object Type Definitions
I made a web application that scrapes and displays the Spotify Web API objects in two formats: GraphQ...
Pull (fetch) from a forked GitHub repository
You are working on a project outside of your or your organisation account--an open source project for...
Add Theme UI to your NextJS site
Theme UI is a React styling library “based on constraint-based design principles”, where we can centr...
Go serverless with this JungleJS + Netlify functions starter site
JungleJS is a static site generator, meaning that it generates every single route and compiles all th...
Get asynchronous data in JungleJS, the new Svelte JAMstack library
JungleJS is a new static site generator that uses Svelte and GraphQL. It also has a handy routing fea...
JungleJS + Storybook + TailwindCSS starter
📷 Cover image: Isaac Quesada ekafyi / junglejs-story...
Getting started with Netlify Functions — Zero-config setup and our first functions
Serverless functions are server-side functions that are hosted on a third-party service (in this case...
Quick example of Laravel API POST route implementation
Laravel provides an API middleware and routing out of the box, which enables us to set up REST APIs....
Hello XState Part 3: Writing my first state machines (and washing my hands)
Cover image by Wali's Studio for the UN COVID-19 Response Previously in this series, we went thro...
A bite of Toast, the new JAMstack meta-framework
📷 Cover image: Joseph Gonzalez I watched this talk※ by Chris Biscardi at ESNext Conf, where he pr...
Hello XState Part 2: Exploring the XState Viz example
In my previous post, I discussed why I wanted to learn to use state machines via the XState library....
Hello XState Part 1: Learning state machines for frontend web development
I’ve heard of state machines before; probably clicked a link or two; but never looked further. I had...
Keep your templates short and tidy with Laravel Blade custom conditional directives
The Laravel Blade templating engine provides us with a number of conditional directives, namely @if,...
gatsby-theme-web-monetization for the GftW Hackathon
ekafyi / gatsby-theme-web-monetization...
react-web-monetization-ui for the GftW Hackathon
What I built React library that provides quick, customizable UI components for common Web...
Published my first React component library, react-web-monetization-ui!
ekafyi / react-web-monetization-ui...
Blinking dots: a quick intro to CSS animation
⚠️ Motion Warning: The Glitch page preview contains animated elements. The CSS animation property...
Light My Fire: Kesan pertama berkenalan dengan Firebase untuk pengembangan web tingkat pemula
Entah dari mana asalnya, tiba-tiba aku mendapat ilham untuk membuat sebuah produk dalam format web ap...
Gatsby theme shadowing for beginners: How I built a starter for LekoArts’ Minimal Blog theme
ekafyi / gatsby-starter-minimal-blog-lekoarts-unoffici...
The most simple stack to create basic CRUD web app with users?
Background I’m a self-taught frontend dev at intermediate level. For my day job and a coup...
Svelte Tutorials Learning Notes: Transitions
Note about this format: I found that writing “explainer” notes gave me a stronger, deeper understand...
Make a landing page for your band in 30 minutes with gatsby-theme-musician 🎸
Background I published my first Gatsby theme–which is also my first-ever public installabl...
Using and customizing official Gatsby themes from scratch without starter sites
A Gatsby theme is a reusable block of a Gatsby site that can be shared, extended, and customized (sou...
Lazy loading images with vanilla JavaScript
Improve your website’s speed and performance by “lazy loading” images with Intersection Observer API...
Is there a tool for creating a UI Pattern Library in multiple frameworks?
This question has been bugging me for a while… finally got round to writing it down if only to get it...