Frontend
Use Notion as CMS for your website
The post describes the step-by-step process of creating a simple website and loading data from a json file. Also, learn how to set up CICD using netlify, create a board in Notion, integrate it with your website, and fetch data from Notion at build time
Frontend
Cloudfront for Hosting SPA (single page application)
Amazon Cloudfront for faster distribution of your static and dynamic web content. Learn about the challenges faced while hosting an SPA on Cloudfront and how to configure it to handle internal routing in the browser.
Frontend
Block Google search bots from indexing your website.
Prevent your website from appearing in Google search results by temporarily using the Google Search Console or permanently by modifying your robots.txt file. Learn how to block all crawler bots or specific bots and pages in this post.
Frontend
Convert Video to GIF with FFmpeg
Convert Video to GIF with FFmpeg in the browser using Ffmpeg's web assembly script. Learn how to import Ffmpeg in a Vue app, load its script, and run native commands to convert a video file to a GIF
Frontend
What is CORS and how to deal with issues related to it ?
CORS is a security feature that prevents malicious websites from accessing confidential information. CORS adds HTTP headers to server responses, enabling cross-domain queries. Common issues faced by developers include AJAX failures, problems with local development, and API rate restrictions.
Frontend
How To Use Security Headers
Learn how to improve your website security with HTTP security headers. Discover how to get an A score for your website with the help of this beginner-friendly guide.
Frontend
Build a blog using Nuxt and Tailwind CSS
Learn how to build a blog using Nuxt and Tailwind CSS. In this post, I walk you through the process of creating a blog using Nuxt, Tailwind CSS, and Tailblocks. The post covers creating the Nuxt app, adding CSS blocks, writing content, displaying blog data, creating a static build, and hosting on Netlify.