Creating a Twitter clone for Cloudflare Workers with Rakkas: Part 1

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • rakkasjs

    Bleeding-edge React framework powered by Vite

  • This article is a walk-through of creating a Twitter clone with Rakkas, a bleeding-edge React framework powered by Vite. Our Twitter clone, which we'll call ublog, is going to:

  • hattip

    Like Express, but for the future

  • Then we should install the HatTip adapter for Cloudflare Workers. HatTip is a set of JavaScript libraries for building HTTP server applications that run on many platforms like Node.js, Cloudflare Workers, Vercel, Netlify, Deno, and more. Rakkas relies on it for serverless support.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • ublog

    A Twitter clone running on Cloudflare Workers

  • You can find the progress up to this point on GitHub.

  • wrangler-legacy

    Discontinued 🤠 Home to Wrangler v1 (deprecated)

  • Run on Cloudflare Workers,

  • vite

    Next generation frontend tooling. It's fast!

  • This article is a walk-through of creating a Twitter clone with Rakkas, a bleeding-edge React framework powered by Vite. Our Twitter clone, which we'll call ublog, is going to:

  • prettier

    Prettier is an opinionated code formatter.

  • The generated boilerplate comes with a .prettierrc file for configuring Prettier, a popular code formatter. The generated configuration is empty but I like customizing it a little to use tabs for indentation by adding "useTabs": true. You can have your own preferences of course. After editing, we'll run the following command to reformat our sources:

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts