LaunchFast Logo Introducing LaunchFa.st - Astro boilerplate

Blogs

About

I've been writing since 13 March, 2020 , mostly about web development and design. 🌐

Self Published Posts

Tuesday, January 2 2024
SEO Optimization for Client Side Rendered Next.js Apps Learn how to serve crawler bots, render rich previews and optimize for SEO for your client side rendered Next.js app. Read More →
Friday, May 26 2023
Parsing noscript Elements using Cheerio in Node.js <noscript> elements are not easy to handle while parsing HTML. In this guide, I talk about how to parse noscript elements with Cheerio, while establishing a mental model of they work. Read More →
Wednesday, May 24 2023
Decoupled Migration: A Deep Dive into Migrating Large E-commerce Websites Page by Page with Edgio v6 Migrating a large e-commerce website can be a complex process, but with Edgio v6, you have the advantage of migrating page by page with enhanced granularity. This tutorial will guide you through the entire process of migrating your e-commerce website using Edgio v6 while treating the old and new experiences as decoupled from each other. Read More →
Tuesday, January 3 2023
Using Dotenv Vault with Edgio and Nuxt.js Learn how to make Edgio, Nuxt(2), and Dotenv Vault work together in a simple web app. Read More →
Sunday, January 1 2023
Case Study: How Nginx.com can leverage Edgio to improve their First Page Loads upto ~50%, acing Largest Contentful Paint. With Edgio, nearly every website can boost their front-end performance. Easiest way to ace Largest Contentful Paint (part of Core Web Vitals)? Combine your frontend optimisations with the powerful caching offered by Edgio Applications. Read More →
Monday, December 26 2022
Case Study: How Miko.AI can leverage Edgio to improve their First Page Loads upto ~67%, acing Largest Contentful Paint. With Edgio, nearly every website can boost their front-end performance. Easiest way to ace Largest Contentful Paint (part of Core Web Vitals)? Combine your frontend optimisations with the powerful caching offered by Edgio Applications. Read More →
Sunday, December 25 2022
Case Study: How Optym.com can leverage Edgio to improve their First Page Loads upto ~50%, acing Largest Contentful Paint. With Edgio, nearly every website can boost their front-end performance. Easiest way to ace Largest Contentful Paint (part of Core Web Vitals)? Combine your frontend optimisations with the powerful caching offered by Edgio Applications. Read More →
Wednesday, December 21 2022
Using Firebase Admin with SvelteKit Trying to set up firebase-admin with SvelteKit with no success? Read the solution I reached after doing several deployments. Read More →
Friday, December 16 2022
What is a Proxy Server? In computer networking, a proxy server is a server application that acts as an intermediary between a client requesting a resource and the server providing that resource. [1] Read More →
Tuesday, October 11 2022
Writing hindi using devanagari package in overleaf Are you finding it difficult to write in Hindi in Overleaf? You've hit the right resource. While with formats like XeLaTeX or LuaLaTeX it's an easy job, writing Hindi in pdfLaTeX follows an unconventional approach. This guide is heavily inspired from this answer, and is only meant to give visibility to the solution available. This guide also aims to cover the mistakes as found in the answer above, and provide helper code for the same. Read More →
Tuesday, May 3 2022
Case Study: How Nike.com can leverage Edgio to improve their First Page Loads and Navigation upto ~80%, acing Largest Contentful Paint. With Edgio, nearly every website can boost their front-end performance. Easiest way to ace Largest Contentful Paint (part of Core Web Vitals)? Combine your frontend optimisations with the powerful caching and predictive prefetching offered by Edgio Applications. Read More →
Tuesday, February 22 2022
Compute runtime dependencies for your Remix Express app via @vercel/nft It might get tough for you to compute what packages to keep for production while you're building a Remix Express App. Well, I've come to your rescue! Read More →
Tuesday, November 2 2021
Using Firebase Admin with Next.js Trying to set up firebase-admin with Next.js with no success? Read the solution I reached after doing several deployments. Read More →
Thursday, October 21 2021
Building Dynamic Previews with Next.js, TailwindCSS, Chrome AWS Lambda and Edgio Wanna see how I generated the image above with code? And yes, It supports dark mode too! Read More →
Saturday, September 11 2021
Svelte, Service Worker and Edgio This guide assumes that you're using Webpack with Svelte. Read More →
Thursday, August 12 2021
A/B testing using Layer0 Edge Split Testing with Google Optimize Server Side framework This guide describes how to configure A/B Testing with Layer0 and Google Optimize Server Side Experiment & deploy your Next SPA to Layer0. Clone the repo nextjs-layer0-google-server-side-experiment-2 to get the entire setup. Read More →
Monday, August 9 2021
Enabling Service Worker with Vue 2 and Vue 3 Believe me, I've crawled the entire internet and still wasn't able to found a solution as precise as this. Follow the steps, and successfully integrate Service Worker with your Vue app, right now! Read More →
Monday, June 21 2021
How To Build Your Own Likes and Comments System With Firebase and React Wanted to have likes and comments section for your blog, but can not figure out the cheapest and performance-friendly solution? In this blog, I explain a detailed approach on how to create a 'beautiful' comment section and like feature React components (with TailwindCSS) with 0 CLS and integration with Firebase! Read More →

Media Posts

Getting started with Django, PostgreSQL, and Readyset Build an AI Chatbot for any website using Replit Postgres and OpenAI Using LlamaIndex and MongoDB to Build a Job Search Assistant Using Server-Sent Events (SSE) to stream LLM responses in Next.js Securing SvelteKit Apps with Keycloak Using Stream to Build a Livestream Chat App in Next.js Securing Remix Apps with Keycloak Using PhotoSwipe in Astro to Build an Image Gallery Using Transformers for Shiki to enrich Syntax Highlighting in Astro Integrating Vector Search in E-commerce Platforms with Upstash Vector Using GreenSock Animation Platform (GSAP) in Astro with View Transitions: A Step-by-Step Guide Using GreenSock Animation Platform (GSAP) in Astro: A Step-by-Step Guide Using Firebase Realtime Database in Astro with Vue: A Step-by-Step Guide Authenticating users in Astro with Clerk and React: A Step-by-Step Guide Authenticating users in Astro using Neon Postgres and Lucia Auth Build a Dynamic E-Commerce Store UI with Astro, Neon Postgres, and AWS Amplify Build authenticated and paywall pages with Stripe and Xata Using Autonomous AI Agents with SerpApi and AutoGPT to Build a Trip Planner Deploy Next.js to AWS Amplify: A Step-by-Step Guide Deploy SvelteKit to AWS Amplify: A Step-by-Step Guide Deploy Astro to Amazon ECS on AWS Fargate: A Step-by-Step Guide Deploy Astro to AWS Amplify: A Step-by-Step Guide Caching OpenAI Chat API Responses with LangChain and Xata Building a Tweet Scheduler using Upstash Using Astro and Server-Sent Events (SSE) to Build Realtime In-App Notifications Building an Article Recommendation System with Upstash Building a Retrieval-Augmented Generation Chatbot with SvelteKit and Xata Vector Search Block Users from Specific Countries using Hono Ultrafast Web Framework and Vercel Edge Functions Capture IP address using Bun with ElysiaJS, Docker and Render.com Tackle DDOS attacks with Redis Rate Limiting Qwik look at Resumability with Astro on Vercel Authenticating users via Google OAuth 2.0 on the Edge using Nitro by UnJS and Deno Land 25 lines to setup a Form and send Emails in Next.js 14 using Server Actions Building Rate Limiter based on IP Address with Netlify Blobs and Edge Functions How to Implement Feature Flags in Node.js using Unleash How to Implement Feature Flags in Astro using Unleash Experience of building a complete? font optimization package for Astro websites Automating access to a GitHub Repo using Stripe Webhooks and Astro Endpoints How To Upload Images with Astro and Xata How to Implement Contextual Feature Flags in SvelteKit using Unleash How to Implement Contextual Feature Flags in Angular using Unleash Building a Real-Time AI Chatbot w/ Model Training using HarperDB, Pinecone, Next.js, LangChain & Vercel Building your own Image Gallery with Remix, HarperDB, ImageKit and Vercel Credentials User Authentication with HarperDB, Hono and Vercel Build a Retrieval-Augmented Generation Chatbot using pgvector Create your own content management system with Remix and Xata Build your own image gallery CMS Add feature flags in Astro apps using Xata and Vercel Building your own RAG chatbot with Upstash Building Real-Time Notifications with Upstash Redis, Next.js Server Actions and Vercel Building an AI Chatbot trained on custom content with LangChain, Faiss and Next.js Building an open-source JIRA using Firebase, Upstash and SvelteKit Build Your Own Showcase Gallery With Storyblok, SvelteKit and Edgio Building an open-source alternative to LinkTree with Astro, Upstash and GitHub Build Your Own Link Hub With Storyblok, Astro and Edgio Dynamic Open Graph Image Generator with Layer0, Next.js, TailwindCSS, Chrome AWS Lambda and Puppeteer-Core Conditional Basic Authorization using the platform, Layer0 Basic Authentication using the platform, Layer0 Using Layer0’s EdgeJS to Configure Custom Security Headers Custom Service Worker in any app with esbuild Build Your Personal Blog With Next.js, Storyblok, and Layer0 A guide to Incremental Static (Re)generation (ISG and ISR) With Layer0 and Nuxt.js! Deploy Next SPA with Storyblok to Layer0 Deploying Sanity Studio with Surge Deploying Sanity Studio with Layer0 Building with the right Meta Tags: From empowering Social Media Previews to SEO Setup your app on Google Domains with Layer0 Incremental Static (Re)Generation with Nuxt.js and Layer0 From delivering content to eXperience — How Layer0 has changed my eXperience as a Front-End D̶e̶v̶e̶l̶o̶p̶e̶r Engineer Dynamic Markdown Blogs in Next.js/React using gray-matter, react-markdown and react-syntax-highlighter Case study: A UX-centered analysis of information sharing and privacy over WhatsApp Mobile, Web Apps? Get started with React Native. API? Use Apollo GraphQL. Next.js | SWR (Stale While Revalidate) – Introduction Static & Dynamic Websites A Short guide to Starting ‘Web Development’