Blogs

I've been writing since 13th March, 2020 around web development and design ✍🏻
Margo McCabe
We collaborated with Rishi for a few tutorials/articles on HarperDB. He was great to work with, set clear expectations, and produced the content we were looking for! Great resource for the dev community. Margo McCabe Head of Partnerships & DevRel HarperDB
  1. A Short guide to Starting ‘Web Development’
  2. Static & Dynamic Websites
  3. Next.js | SWR (Stale While Revalidate) – Introduction
  4. Mobile, Web Apps? Get started with React Native. API? Use Apollo GraphQL.
  5. Case study: A UX-centered analysis of information sharing and privacy over WhatsApp
  6. Dynamic Markdown Blogs in Next.js/React using gray-matter, react-markdown and react-syntax-highlighter
  7. 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
  8. Incremental Static (Re)Generation with Nuxt.js and Layer0
  9. Setup your app on Google Domains with Layer0
  10. How To Build Your Own Likes and Comments System With Firebase and React
  11. Building with the right Meta Tags: From empowering Social Media Previews to SEO
  12. Deploying Sanity Studio with Layer0
  13. Deploying Sanity Studio with Surge
  14. Deploy Next SPA with Storyblok to Layer0
  15. A guide to Incremental Static (Re)generation (ISG and ISR) With Layer0 and Nuxt.js!
  16. Enabling Service Worker with Vue 2 and Vue 3
  17. A/B testing using Layer0 Edge Split Testing with Google Optimize Server Side framework
  18. Svelte, Service Worker and Edgio
  19. Build Your Personal Blog With Next.js, Storyblok, and Layer0
  20. Building Dynamic Previews with Next.js, TailwindCSS, Chrome AWS Lambda and Edgio
  21. Using Firebase Admin with Next.js
  22. Custom Service Worker in any app with esbuild
  23. Compute runtime dependencies for your Remix Express app via @vercel/nft
  24. Using Layer0’s EdgeJS to Configure Custom Security Headers
  25. Case Study: How Nike.com can leverage Edgio to improve their First Page Loads and Navigation upto ~80%, acing Largest Contentful Paint.
  26. Basic Authentication using the platform, Layer0
  27. Conditional Basic Authorization using the platform, Layer0
  28. Dynamic Open Graph Image Generator with Layer0, Next.js, TailwindCSS, Chrome AWS Lambda and Puppeteer-Core
  29. Writing hindi using devanagari package in overleaf
  30. What is a Proxy Server?
  31. Using Firebase Admin with SvelteKit
  32. Case Study: How Optym.com can leverage Edgio to improve their First Page Loads upto ~50%, acing Largest Contentful Paint.
  33. Case Study: How Miko.AI can leverage Edgio to improve their First Page Loads upto ~67%, acing Largest Contentful Paint.
  34. Case Study: How Nginx.com can leverage Edgio to improve their First Page Loads upto ~50%, acing Largest Contentful Paint.
  35. Using Dotenv Vault with Edgio and Nuxt.js
  36. Build Your Own Link Hub With Storyblok, Astro and Edgio
  37. Building an open-source alternative to LinkTree with Astro, Upstash and GitHub
  38. Decoupled Migration: A Deep Dive into Migrating Large E-commerce Websites Page by Page with Edgio v6
  39. Parsing noscript Elements using Cheerio in Node.js
  40. Build Your Own Showcase Gallery With Storyblok, SvelteKit and Edgio
  41. Building an open-source JIRA using Firebase, Upstash and SvelteKit
  42. SEO Optimization for Client Side Rendered Next.js Apps
  43. Building an AI Chatbot trained on custom content with LangChain, Faiss and Next.js
  44. Building Real-Time Notifications with Upstash Redis, Next.js Server Actions and Vercel
  45. Building your own RAG chatbot with Upstash
  46. Add feature flags in Astro apps using Xata and Vercel
  47. Build your own image gallery CMS
  48. Create your own content management system with Remix and Xata
  49. Build a Retrieval-Augmented Generation Chatbot using pgvector
  50. Credentials User Authentication with HarperDB, Hono and Vercel
  51. Building your own Image Gallery with Remix, HarperDB, ImageKit and Vercel
  52. Building a Real-Time AI Chatbot w/ Model Training using HarperDB, Pinecone, Next.js, LangChain & Vercel
  53. How to Implement Contextual Feature Flags in Angular using Unleash
  54. How to Implement Contextual Feature Flags in SvelteKit using Unleash
  55. How To Upload Images with Astro and Xata
  56. Automating access to a GitHub Repo using Stripe Webhooks and Astro Endpoints
  57. Experience of building a complete? font optimization package for Astro websites
  58. How to Implement Feature Flags in Astro using Unleash
  59. How to Implement Feature Flags in Node.js using Unleash
  60. Building Rate Limiter based on IP Address with Netlify Blobs and Edge Functions
  61. 25 lines to setup a Form and send Emails in Next.js 14 using Server Actions
  62. Authenticating users via Google OAuth 2.0 on the Edge using Nitro by UnJS and Deno Land
  63. Qwik look at Resumability with Astro on Vercel
  64. Tackle DDOS attacks with Redis Rate Limiting
  65. Capture IP address using Bun with ElysiaJS, Docker and Render.com
  66. Block Users from Specific Countries using Hono Ultrafast Web Framework and Vercel Edge Functions
  67. Building a Retrieval-Augmented Generation Chatbot with SvelteKit and Xata Vector Search
  68. Building an Article Recommendation System with Upstash
  69. Using Astro and Server-Sent Events (SSE) to Build Realtime In-App Notifications
  70. Building a Tweet Scheduler using Upstash
  71. Caching OpenAI Chat API Responses with LangChain and Xata
  72. Deploy Astro to AWS Amplify: A Step-by-Step Guide
  73. Deploy Astro to Amazon ECS on AWS Fargate: A Step-by-Step Guide
  74. Deploy SvelteKit to AWS Amplify: A Step-by-Step Guide
  75. Deploy Next.js to AWS Amplify: A Step-by-Step Guide
  76. Using Autonomous AI Agents with SerpApi and AutoGPT to Build a Trip Planner
  77. Build authenticated and paywall pages with Stripe and Xata
  78. Build a Dynamic E-Commerce Store UI with Astro, Neon Postgres, and AWS Amplify
  79. Authenticating users in Astro using Neon Postgres and Lucia Auth
  80. Authenticating users in Astro with Clerk and React: A Step-by-Step Guide
  81. Using Firebase Realtime Database in Astro with Vue: A Step-by-Step Guide
  82. Using GreenSock Animation Platform (GSAP) in Astro: A Step-by-Step Guide
  83. Using GreenSock Animation Platform (GSAP) in Astro with View Transitions: A Step-by-Step Guide
  84. Integrating Vector Search in E-commerce Platforms with Upstash Vector
  85. Using Transformers for Shiki to enrich Syntax Highlighting in Astro
  86. Using PhotoSwipe in Astro to Build an Image Gallery
  87. Securing Remix Apps with Keycloak
  88. Using Stream to Build a Livestream Chat App in Next.js
  89. Securing SvelteKit Apps with Keycloak
  90. Using Server-Sent Events (SSE) to stream LLM responses in Next.js
  91. Using LlamaIndex and MongoDB to Build a Job Search Assistant
  92. Build an AI Chatbot for any website using Replit Postgres and OpenAI
  93. Getting started with Django, PostgreSQL, and Readyset
  94. Query Postgres in Next.js Server Actions
  95. How to upload to S3 in Next.js and save references in Postgres
  96. Build an AI Powered Mobile Chatbot with Expo and Cloudflare AI
  97. Add feature flags in SvelteKit apps with Neon Postgres
  98. Using Animate On Scroll (AOS) in Astro: A Step-by-Step Guide
  99. Run your own analytics with Umami, Fly.io and Neon
  100. Using Payload CMS with Neon Postgres to Build an E-commerce Store in Next.js
  101. Using Strapi CMS with Neon Postgres and Astro to build a blog
  102. The silent syntax difference in foreign keys between Postgres and MySQL
  103. Using Unplugin Icons in Next.js: A Step-by-Step Guide
  104. Using Unplugin Icons in SvelteKit: A Step-by-Step Guide
  105. Using Unplugin Icons in Astro with React: A Step-by-Step Guide
  106. How to you use GitHub Issues as your CMS?
  107. How to use Firebase Storage to upload and retrieve files in Next.js (Pages Router)?
  108. Build a RAG chatbot with Astro, Postgres, and LlamaIndex
  109. Using LlamaIndex with Postgres to Build your own Reverse Image Search Engine
  110. Connect an Express application to Neon
  111. Injecting Environment Variables Dynamically in Cloudflare Pages
  112. Import data from Postgres with the @neondatabase/pg-import CLI
  113. Using OpenAI Whisper to Transcribe Podcasts on Koyeb
  114. Create a Telegram Bot in Next.js App Router: A Step-by-Step Guide
  115. Connect a React application to Neon
  116. Connect a JavaScript application to Neon
  117. Database testing with fixtures and seeding
  118. Real-Time Notifications using pg_notify with Neon Postgres
  119. Connect a NestJS application to Neon
  120. Connect a SolidStart application to Neon
  121. If I have read-only tables in Postgres, should I index them heavily?