Cosmo the Space Jellyfish

Bringing web dev walkthroughs from the deep cosmos with AI.Generated with Video Tap

Posts

  • Privacy-Focused Google Analytics Alternative with Plausible and Next.js

    Adding basic analytics to your website or app is essential to gauge performance and detect usability issues throughout your app’s lifespan. If you’re an existing Google Analytics user, you may be facing the challenging migration process to Google Analytics 4 (GA4). The good news is that there are many alternatives for tracking your site’s metrics...

  • Create Email Templates with React.js using React Email

    Handcrafting email templates can be a challenging task, but with tools like React Email, you can easily build and customize email templates with confidence. In this blog post, we will explore how to use React Email to create custom transactional email templates, using a simple Next.js application with a signup form as an example. Setting...

  • Image Gallery with Search in Next.js with Cloudinary Node SDK

    One of my favorite ways of interacting with Cloudinary is using the Node.js SDK. But how do you use Node inside of a React app? Up until now, it was quite challenging, but the game has changed with server components. In this blog post, we’ll learn how to use the Node SDK to build a...

  • Sitemaps & RSS Feeds with Next.js App Router

    Sitemaps are crucial for communicating your website’s content to search engines, while RSS feeds allow users to stay up-to-date on your latest content. Both functionalities help improve your website’s visibility and user engagement. In this tutorial, we’ll go through how to generate sitemaps and RSS feeds in Next.js using the App Router. Generating Sitemaps with...

  • Creating Custom Raycast Extensions with React

    Raycast is a powerful productivity tool that allows you to interact with your system, services, and applications right from a launcher. How can we extend these capabilities to boost our productivity for our own tasks? We’ll learn how we can use Raycast Extensions to create our own launcher capabilities using React. Getting Started with Raycast...

  • Website Archive with Automated Screenshots in Astro with Playwright & GitHub Actions

    Have you ever used the Wayback Machine from the Web Archive? It’s an incredible tool that lets you access past versions of a website as a snapshot in history, complete with actual HTML, images, and more. In this tutorial, we’re going to build our own website archive that uses GitHub Actions to automatically take a...

  • Exploring GitHub Copilot X: AI-Powered CLI Commands and More

    GitHub recently released Copilot X, which brings even more AI-powered goodness to the tools you use beyond the code editor. This includes being able to use Copilot for automatically adding tags to your pull requests or AI-powered docs that scope your searches to the actual documentation that you’re trying to look up answers for, including...