Space Jelly - Web Development Tutorials for _This_ Universe


  • How to Fix CORS Errors & Allow Cross-Origin API Requests

    Modern tools allow you to build API endpoints right inside your framework with safe defaults to prevent cross-origin attacks. But what if you want to make a request from another host? What if you want to make sure it’s only one host, or a couple hosts, but not ALL hosts? Let’s see how we can...

Tutorials by Tech

  • Next.js
  • React
  • Cloudinary
  • Node.js

Featured Course

View All Courses
Create an eCommerce Store with Next.js and Stripe Checkout


Get new web dev tutorials in your inbox!

Sign up to receive all things Space Jelly and more free content straight to your inbox!

Some More Recent Posts

  • How to Build a Notification System in Next.js with Knock

    Communication is critical to any product or service and while a single email blast might be straightforward, what if you wanted you wanted more control over how or when that email was being sent? Like based on when someone interacts with part of your app? Or different messages based on who they are? That sounds...

  • How to Create a Modal in React with HTML Dialog

    Modals aren’t anything new, but gone are the days that we need to install bloated libraries to one to our app. Instead, let’s see how we can drop in a new modal to a React app using the HTML Dialog element. What is modal or dialog? Modals and dialogs are similar UI patterns, but with...

  • How to Create an Add to Calendar Button in React with Tailwind CSS

    Calendars run the world (at least mine), but constantly creating new events for the things you care about can be a pain, which is also true for your visitors adding your events to their calendar. So let’s fix that with an Add to Calendar button with dynamically generated calendar links. How can we dynamically generate...

  • How to Add Analytics in Next.js with Plausible

    Adding analytics to your website is critical for being able to have a better understanding of how your visitors use your app including gauging performance and finding usability issues. Let’s see how we can use Plausible, a privacy-focused analytics tool, to gain insights into our Next.js App Router apps. What is Plausible? Plausible considers itself...

  • How to Send Emails in React with React Email & Resend

    Emails are one of the most impactful ways to communicate to an audience but it’s also one of the most challenging formats for developers to build consistent and great experiences. But now we have a tool in our belt that takes advantage of the UI framework we love, React, and brings it front and center...