Hey there! Welcome to our blog, where our team shares all things tech from cool solutions to everyday challenges to innovative ideas we're excited about. We're here to share our journey, inspire yours and have some fun along the way!
Learn how to use the create-component package to instantly convert Figma designs into static UI components for React, Next.js, Vue, Angular, and more—styled with Tailwind CSS. This guide covers setup, design rules, conversion from design to code, and best practices for rapid, consistent UI development.
Read more
This guide explains how to configure Google as an identity provider in Keycloak and allow users to log in only with Google..
Read more
Discover TimescaleDB, a special type of database that's great at handling time-based data like sensor readings, website traffic, or stock prices. Learn how it helps to store and analyze large amounts of time-stamped information quickly and efficiently, making it perfect for modern applications that track data over time.
Read more
Learn how Rails Inflector handles singular and plural forms with customizable rules
Read more
Learn the fundamentals of Stimulus, the lightweight JavaScript framework that complements Hotwire. Start with the basics and build your understanding step by step.
Read moreThis blog explains how to configure Auth0 actions, specifically focusing on using the Post-Login action to restrict access based on the user's email domain during social logins, such as with Google.
Read moreDiscover how AI orchestrators, agents, and tools work together to automate workflows, enabling AI to interact with real-world systems efficiently. Learn how this structured approach enhances productivity and reduces manual effort.
Read moreSupercharging AI with Tool Calling in NestJS Using AI-SDK
Read more
A comprehensive guide to understanding the Rails Asset Pipeline, its features, and its role in modern web development.
Read more
Explore the caching strategy updates introduced in Next.js 15
Read moreExplore how to implement Row Level Security (RLS) in Postgres
Read more
This guide walks you through setting up Keycloak locally using Docker, creating a realm, user, client and integrating Keycloak with a Rails application using the omniauth-keycloak gem for single sign-on (SSO).
Read more
Learn how to implement Retrieval-Augmented Generation (RAG) using LangChain, Pgvector, and OpenAI to store document embeddings and generate context-aware responses
Read more
Explore how TanStack React Query simplifies server state management in React applications, covering topics such as caching, deduplication and state syncronization.
Read more
This blog explains how to organize ActiveRecord models into a tree structure using the Ancestry gem in Rails to manage parent-child hierarchical structures. It covers the setup, features, and querying methods that make managing hierarchical data both simple and efficient.
Read moreLearn the steps and implementation of a passwordless authentication flow using AWS Cognito and custom Lambda functions.
Read moreA comprehensive guide to database connections in Rails. Learn about configuring credentials, establishing TCP connections, setting session parameters, managing authentication, and optimizing performance with connection pooling. Understand how to ensure efficient communication between your Rails application and the database.
Read moreA detailed guide on converting a React app to native Android and iOS apps using Capacitor.js.
Read moreA detailed guide to Hotwire in Rails exploring turbo-drive, turbo-frames and turbo-streams. Learn how to build blazing-fast applications with real-time updates without full page reloads.
Read moreDiscover the evolution from Rails Classic autoloader to the dynamic Zeitwerk.
Read more
A detailed guide on setting up Vitest in Next.js 14.
Read more
A detailed guide on integrating NextJS with Contentful, utilizing i18n for internationalization and Contentful's Content Delivery API for content management.
Read moreIntroduction to nextjs 14 intercepting routes
Read more
Exploring way to run Github actions locally with act.
Read more
A look at how to create, manage, and utilize custom actions in various workflows, including login/post-login, machine-to-machine, password reset, pre and post-user registration, and sending phone messages.
Read moreImplement react hook form with headlessui
Read more
Explore Next.js data fetching strategies for efficient page rendering and performance. From pre-rendering, server-side rendering, to static-site generation to incorporating time-based and on-demand revalidation for real-time updates.
Read moreLearn how to optimize your development workflow by automatically setting up preview environments in fly.io whenever a pull request is opened. This blog post provides step-by-step guidance on configuring a preview app and a preview db in fly.io.
Read moreGuide to Setting Up AWS S3 Bucket for Rails Active Storage File Uploads
Read moreDive into Server Actions in Next.js 14. This post covers everything from syntax and setup to dynamic content updates, learn about form submission handling, network requests, and strategies for seamless user experiences.
Read moreConcepts and techniques of caching, a vital strategy for enhancing the performance of software systems.
Read more
Compare npm, Yarn, and pnpm effortlessly for smarter package management decisions
Read moreExperience unparalleled performance, rich rendering, and full TypeScript support with the GlideApps Data Grid React package.
Read moreExplore Streams in Dart, their types, creation techniques, and best practices for seamless asynchronous event handling.
Read moreExplore the essentials of asynchronous programming in Dart, from Isolates to Async/Await, and unravel the secrets of efficient, non-blocking code execution.
Read moreExplore a comprehensive guide to Internationalization (i18n) in web development, including its significance, implementation in React and Gatsby, advantages, performance considerations, and optimization
Read moreDiscover the potential of CMS for managing websites; its user-friendly, economical, and SEO-friendly.
Read more
A comprehensive guide for understanding the basic concepts of px, em, and rem units. Also learn about Tailwind config and how to use Figma's developer mode to close the gap between designers and developers.
Read moreUnderstand the Terminal, and its importance. Explore basics like opening tabs, listing files, navigating, and running commands. Master file operations, file viewing, searching, and much more.
Read moreA comparative overview of Next MDX and Next Contentlayer
Read moreAutomate OTP verification using the gmail-tester library in combination with Cypress and Playwright E2E tests
Read more
A high level overview of how gatsby works.
Read more
New features and improvements for typescript 5.x
Read moreUnderstanding percentiles w.r.t performance
Read moreOptimizing Web Performance Through Profiling and Analysis
Read moreSimplify your testing journey by comparing the strengths and weaknesses of Playwright and Cypress, and discover the testing tool that perfectly aligns with your needs.
Read moreExploring XSS Attacks and Expanding Security Knowledge through meetup
Read moreUnderstanding the key differences between rendering methods for Single Page Applications
Read moreTest, compare, and optimize
Read moreUnderstanding how JavaScript works behind the scenes and handles asynchronous functions
Read moreBuilding and scaling a design system with Figma, React and Storybook
Read moreAn attempt to put together some debugging experiences, techniques and tools for frontend
Read moreAn amazing alternative solution to websockets
Read moreUnderstanding and examining the pros and cons of the parallax scrolling strategies that can be used
Read moreFetch secrets from AWS secrets manager and inject them securely into your Github actions
Read moreWays of integrating Sentry with Strapi
Read moreMaking requests to Strapi endpoints as an authenticated user
Read moreUnderstanding and exploring the applications built with tagged templates
Read moreDeploying to Netlify from a private, self-hosted GitLab instance
Read moreLocal plugin development in strapi
Read moreSetup and write test cases in react using Jest and React testing library
Read moreDifference in batch updates before and after React18
Read moreRedis can be used as an LRU cache with right kind of eviction policy. We can have some fun figuring out how this actually works
Read moreLearn to run rails test on Gitlab CI pipeline
Read moreFetch movie rating from several API without hitting rate limits on failure retries
Read moreWays of implementing keys and cases in which index can be used as key and vice-versa
Read moreLearn tips about working on an Elixir App
Read moreUnderstand some of the scenarios of deploying a Phoenix application using Elixir Releases
Read moreLearn to solve a business use case with Elixir Recursion
Read moreAuto Deploy to Heroku Using Gitlab CI
Read moreLearn how to encrypt & store Kubernetes secrets in Git
Read moreBuild a full-blown GraphQL service which will let you query, change and create records in the database using elixir's web framework
Read moreBuild a full-blown GraphQL service which will let you query, change and create records in the database
Read moreLearn to extract data from a QR code in Elixir
Read moreUse web workers to spawn computationally expensive background tasks without interrupting the user interface workflows
Read moreLearn to overlap an image over QR code using Mogrify in Elixir
Read moreApproaches for clean rails translation files as application grows
Read moreAdopting and incorporating a gradual type system for Ruby
Read moreLearn to switch an existing Phoenix app from Brunch to Webpack
Read moreLearn about KeyError#receiver which returns receiver associated with the KeyError object & KeyError#key returns the key which caused the exception
Read moreLearn about options which Expection#full_message accepts
Read moreMake better authorization for your application.
Read moreLearn about freezing middleware with rack-freeze
Read moreIntroducing Interceptor - A browser extension that mocks backend responses and how to use it.
Read moreLearn more about ruby by contributing to RubySpec
Read moreLearn how to connect to a production Elixir node from the local shell and use the debugger GUI to set breakpoints and debug.
Read more
Deploy Elixir/Phoenix apps using Distillery plugin
Read moreSupporting API conventions for client like reactjs can be quite tricky. This post talks about approach to make APIs accessible using snakecase or camelCase.
Read moreDeploying a Rails app with Webpack asset management on Heroku can be tricky. However, Heroku provides lifecycle hooks on its NodeJs buildpack that will help make this easier.
Read moreErlang is a powerful concurrent programming language that has Processes as a first class citizen. These are isolated by default. Just like in Unix, these processes can communicate using Signals. In this post we will see how to achieve that in Elixir.
Read moreElixir, built on the battle-tested Erlang VM, is a language that has concurrency as its core ideas. I will introduce a monitoring utility shipped with the VM that helps us visualize HTTP requests.
Read moreRails 5 has a new feature added to ActiveRecord that makes working with batch data much more efficient. The `Model.in_batches` function passes a batch of records wrapped inside an ActiveRecord collection.
Read moreAutoprefixer is a tool that adds vendor prefixes to CSS based on the usage patterns and current state of support. This results in clean code and smaller CSS files.
Read moreRuby's TracePoint API is very powerful for building custom profilers. As the final post of the DIY CPU profiler series, this post will introduce how to get method runtime statistics and generate relevant graphs.
Read moreRuby's TracePoint API is very powerful for building custom profilers. In this post I will talk about hooking into Ruby code execution life cycle using this API
Read moreRuby's TracePoint API is very powerful for building custom profilers. In this post I will talk about Wall time and CPU time, and how to measure them for Ruby programs.
Read moreRuby's TracePoint API is very powerful and allows us to write custom profiling code without slowing down the execution of programs. In this post, I will introduce CPU profiling and 2 strategies to write one.
Read moreTraditionally, Rails 3.x and above come with Sprockets and asset management functions. However, using a JavaScript or CSS library with Sprockets means we'd have to roll them into gems with a specific directory heirarchy. Instead, we can leverage Bower to handle that for us.
Read moreJSON schema can help bring order to handling complex JSON interactions in APIs. For instance, you can avoid checking the types of incoming JSON and rely on JSON schema to do the validation. This post talks about similar usecases.
Read moreInteracting with complex web forms tends to become hairy pretty quickly. Using Form or Service objects to abstract out the complexity can help wrangle complexity. This post talks about how we use them to make code simpler.
Read moreThere is a proliferation of high resolution screens on mobile devices, and non-optimized images tend to look ugly on them. This post introduces ways to use optimized images for use in HTML on high DPI screens.
Read moreIn this post, I will talk about how Rails 3.x reloads code in the development environment.
Read moreInvoker is a utility we wrote to ease setting up of local development environments and top level .dev domains. Read on to know how to use it.
Read moreThis post talks about using the Backbone library with a Rails backend, and goes through some challenges and gotchas encountered during the process.
Read moreA nearly step-by-step guide to upgrade to Mountain Lion, and setting up a Ruby development environment
Read moreThe problem with kitchen sink libraries is feature creep. Sometimes all we need are small libraries that are easily readable.
Read more
