Jay @ Designly articles - 79 total
Use React-Email to Send Beautiful Emails in Sveltekit
Let's face it, creating email templates is a pain. 😩 Only God know why email clients don't simply...
Create a Universal Button With React + TailwindCSS
As your project grows in size, component reusability becomes more and more important. There are times...
Full-Stack Next.js 15 Development Using Zod, Typescript, tRPC, react-query, and Sequelize ORM
I've been developing web apps since the 90's (think Perl and cgi-bin). Since then I must have gone...
How to Create a Scroll Progress Bar in Next.js/React
Sometimes the simplest addition to a website can make a huge impact on the user experience. Progress...
Push Notifications in Next.js with Web-Push: A Provider-Free Solution
Push notifications are an important way to stay engaged with your users. SMS messages are too...
Build a powerful password meter with Cloudflare Workers, Next.js, and zxcvbn.
Password security is a concern that is all-to-often either completely overlooked or woefully...
Clean Up Your Hard Drive: A Script to Delete All Your node_modules Directories
If you're like me, you have a GitHub directory in your Documents folder with tens or possibly...
React: Simple Yet Elegant Toast Notifications
Bundlephobia is really starting to catch on these days as developers become more conscious of the...
How to Create a Full-Stack Blog with Payload CMS, Next.js and Turbo
Today's article is going to be loaded! TL;DR: We're going to build a full-stack blog app using...
Using ENUMs to Make JSX Select Inputs More Type-safe
TypeScript has changed my life as a free-lance React/Next.js developer. Since I've made it an...
Use CloudFlare Workers and D1 to Create a Completely Free CRUD API
CloudFlare began as a company providing content delivery network (CDN) and distributed DNS services...
Unlock Web Dev Superpowers with PowerToys
If you've never heard of Windows PowerToys, you're not alone. I only recently discovered it and...
Roll Your Own Real-time Chat Server with Next.js and WebSockets
Today, we'll guide you through the process of building your own WebSocket chat server using Node.js...
Please Stop Committing UX Suicide for Sake of Revenue
As a developer navigating the digital realm, I've encountered a dilemma that poses a significant...
Next.js 14 Data Fetching Paradigms: Client vs Server
Welcome to the cutting-edge world of web development! In this blog post, we will delve into the...
How to Create Your Own Image Optimization / Resizing Service for Practically Free
In the digital age, the power of visuals cannot be overstated. Images form the cornerstone of digital...
From Concept to Creation: My Story Behind Snoozle
As a tech enthusiast and storyteller at heart, I've always been fascinated by the intersection of...
Serverless Sucks: How to Deploy your Next.js App to a VPS and Setup a CI/CD Pipeline
In the vibrant world of web development, Next.js has emerged as a standout framework for crafting...
A Complete Guide to Authentication in Next.js 14
In today's digital world, where security is a top priority, understanding and implementing effective...
How I Used Electron and React to Create a Sweet UI for FFMPEG
I'm excited to share my journey of integrating Electron and React to develop a user-friendly...
How to Use Stunnel Instead of NGROK for Securing Your Dev Server and Why it's Better
Most of the time running a dev server on HTTP port 3000 (or whatever) is sufficient, but there are...
How to Create an Animated Space / Stars Background Effect in React / Next.js
In a digital world brimming with interactivity and motion, here is a stellar example of how...
GPTCoder - A VS Code Extension
🤖 GPTCoder - A VS Code Extension I just published my first Visual Studio Code extension...
Making Typescript More Flexible: Generics and Discriminated Unions
In the evolving landscape of software development, TypeScript stands tall as a beacon of hope for...
How to Get a Unix-Like Terminal Environment in Windows and Visual Studio Code
In the vast world of software development, the terminal is an indispensable tool for many developers....
Implementing NProgress in the Next.js 13 App Router
As developers, we strive to create applications that are not just functional but also intuitive and...
Create an Emoji Selector for Next.js Forms using Tailwind + DaisyUI
Emojis 😃🌟🌈 have become an integral part of our digital conversations. They inject personality into...
Implementing a Loading Overlay with next/router Events in Next.js
Route transitions significantly impact the user experience of your web application. Smooth,...
Building an AI Search App with Next.js and OpenAI: A Step-by-step Guide
In the burgeoning era of artificial intelligence and machine learning, harnessing the power of AI to...
GitHub Copilot vs CodeWhisperer: The Verdict
In the rapidly evolving world of software development, staying up-to-date with the latest tools and...