Space Jelly - Web Development Tutorials for _This_ Universe
Latest
Lint & Format JavaScript with Biome
Clean code is every developers dream, but getting the can often lead to wasted time obsessing over changes or arguing over code style in a pull request. Instead, we can use a linter and formatter, which will give us our clean code nirvana, with a simple command. Let’s see how with Biome. What is a...
Tutorials by Tech
Featured Course
View All Courses
Newsletter
Get new web dev tutorials in your inbox!
Sign up to receive all things Space Jelly and more free content straight to your inbox!
Community
Some More Recent Posts
MDX in Next.js
MDX is one of, if not, the most popular ways to manage content as a developer, but configuring an app to use it can prove to be a challenge. Let’s see how we can set up MDX in a Next.js App Router app. What is MDX? MDX is a content format that combines Markdown with...
Light & Dark Mode Favicons
Favicons are one of the basic building blocks of building a website and adding one isn’t anything new, but gone are the days where we’re forced to use .ico files, where instead, we can take advantage of formats like SVG to create adaptive experiences based on your visitors system appearance. What are Adaptive Images? An...
Pagination in React with Next.js & Drizzle ORM
Pagination is a great way to improve the the way your visitors use your app, allowing them more easily get to the data the need. We’ll see how we can easily add a pagination component to our React app and even use Suspense to prevent it from impacting performance! What are we going to build?...
Generate a PDF in React
PDFs have given the world a common format for sharing documents and media in a way that is highly compatible among a wide variety of devices, but it can often be tricky to generate them programmatically. We’re going to explore some options for how we can generate a PDF using JavaScript in different environments. The...
Build a Web Scraper with Puppeteer & Next.js API Routes
Web scraping is a common technique to programmatically get valuable information from a website that might not have a publicly accessible API. Let’s see how we can easily build our own web scraper endpoint using Next.js App Router API Routes and Puppeteer. What is a Web Scraper? A web scraper is a tool that uses...