Feature Flags and GitOps. 5 Use Cases to Help You ‘Git’r Done.
What is GitOps? The practice of GitOps is the next incarnation of continuous delivery. It allows developers ...
welcome to scotch.io
fun and practical web development tutorials
NEW! 🔥
Fun, Fast, and Free Login with React Native
React Native is a mobile app development framework that allows you to use React to build native iOS and Android mobile apps. Instead of using a web view and rendering HTML and JavaScript, it converts React components to native platform components. This means you can use React Native in your exist...
Big thanks to this week's sponsor.
They help keep Scotch tutorials free!
Where should you start?
Embedding Videos in Your Gatsby.js Sites
After blogging for more than a decade, I have realized that a blog post is kinda incomplete without some visual treat. The process of adding images is more or less the same. However, videos and GIFs are one level up which is rendered/embedded differently in various web applications, and the embed...
5 Steps to Overcoming Deployment Anxiety with Error Monitoring
We've all been there: experiencing the primal fear and anxiety surrounding a deployment — whether new code or just updates — and sending it out into the world for our users to, hopefully, enjoy. The nature of the beast that is software development shines a glaring light on imperfection. Error...
Securing website images the Instagram way using ImageKit
All of us, invariably, use images on our websites and apps. We put in a lot of effort, time & money in getting these images - either from a professional photographer or from our users. They are a precious asset for us. Unfortunately, it is common to have our websites and images scraped by rog...
Goodbye Javascript! Build an Authenticated Web App in C# with Blazor + ASP.NET Core 3.0
Curious what the experience would be like to trade in Javascript for C# on the front end? You are about to find out! For many years, Javascript (and it’s child frameworks) have had their run of the DOM (Document Object Model) in a browser, and it...
Deploy Apps Faster with Buddy
The software development ecosystem is ridden with tools and technologies supporting each phase of the software development lifecycle. From development, testing, deployment, maintenance, scaling, analytics, and feedback implementation, various tools abound which can be used to carry out these func...
Optimize & Serve Next-Gen Images Just by Changing the Image's URL with Cloudinary's URL API
Learn to use Cloudinary's fetch URL API to optimize images and serve them in next-gen formats. Cloudinary can help prioritize images and performance. Scotch.io uses Cloudinary to serve all images and it ...
Secure and Scalable: An Introduction to JAMstack
If you're a web developer, chances are you have heard the term "JAMstack." Curiously, JAMstack isn't a solution to prevent clogged printers, something to eat on toast, or a way to make music. However, by the time you finish reading this tutorial, you'll understand JAMstack and its benefits, and l...
Build an Infinite Scroll Image Gallery with Gatsby and Netlify Functions
What's the trend about static sites and decoupled development architectures with the JAMStack? Why are top sites and apps moving to build with "static site generators"? It's speed, security, affordability, developer experience and much more. We are here for it ...
What's New in React 16.9: The UNSAFE Update
As we prepare for React v17, the React core team continues to make incremental changes and recently released React 16.9.0. This release builds on previous versions with a number of deprecations, new features and bug fixes. ...
Building My First Svelte App: Thoughts and Impressions
There are always going to be new JavaScript libraries and frameworks that pop up. Sometimes it's easy to feel that we are in a new JS library fatigue mode. It is an amazing thing though since this means more innovation across all of the JavaScript land. ...
Native Lazy-Loading Launched on Chrome 76!
I woke up to this amazing news this morning and couldn't think of anything better than to share with you. Given that I'm a big fan of performance optimizations, and the fact that I had written about lazy loading compon...
Getting Started With Python Requests - GET Requests
In many web apps, it's normal to connect to various third-party services by using APIs. When you use these APIs you can get access to data like weather information, sports scores, movie listings, tweets, search engine results, and pictures. You can also use APIs to add functionality to your app. ...
CRUD with Azure Serverless Functions
Serverless functions are lowering the barrier to backend entry for frontend and beginner developers. Personally, I have a huge relief that I don’t have to teach beginner developers DevOps topics — scaling, gateways, containers, hell no. I don’t even know these things myself. I love ...
Blazing Fast WordPress Sites With Gatsby
Talk about the latest cutting-edge web technologies, and you find some impressive names like React.js, Vue.js, Next.js, and so on. They have opened new gateways and approach to building websites, hence targeting the next billion internet users. Let's...
