Skip to main content

9 posts tagged with "guides"

View All Tags

How to choose a localization approach for your React application

· 12 min read
Raymond Cheng
Bringer of the funk

Choosing how to add localization to your application can be a complicated decision, because there are so many options out there. From code-based frameworks to third-party services that automatically rewrite your HTML, there is no silver bullet for localization. At Plasmic, we have been exploring the many options to better inform how we can support localization for our own application. Many tutorials assume you want to already want to use a code framework, like react-i18next, but that has implications for your team’s workflow. In this blog post we will survey different localization techniques you may be considering for your React application and discuss some of the trade-offs.

High Performance Personalization with Next.js Middleware

· 9 min read
Raymond Cheng
Bringer of the funk

In this blog post, we will show you how to implement personalization using Next.js middleware. Traditionally, personalization was implemented on the server, which may incur many hundreds of milliseconds of latency before the user receives the content. With Next.js middleware and static site generation (SSG), we can serve rich personalized experiences entirely from the edge (i.e. CDN), resulting in significant performance improvements for your website and improved experiences for your users.

A/B Testing with Next.js middleware

· 12 min read
Raymond Cheng
Bringer of the funk

In this blog post we will show you how to implement A/B testing using Next.js middleware, first introduced in Next.js 12. When compared to other A/B testing frameworks, this method more easily fits into your existing developer workflows and inherits all of the performance benefits of Next.js, including static site generation (SSG). You’ll see that A/B tests don’t have to be onerous for either your users or your developers — every Next.js site can easily make measurable progress this way!

Building a Pokedex with Plasmic + Supabase

· 9 min read
Raymond Cheng
Bringer of the funk

In this guide, we will show you how to build a crowd-sourced Pokemon Pokedex, by connecting Supabase, an open source Firebase backend alternative, with Plasmic, a visual builder for the web. While many users leverage Plasmic to quickly launch and iterate on landing pages, in this tutorial we’ll show just how powerful Plasmic can be as a general-purpose visual builder for React, which can be used to design and implement fully featured read-write applications.

Time Management

· 8 min read
Raymond Cheng
Bringer of the funk

"Time is the most valuable thing a man can spend." Theophrastus

With only so much time on this world, it's in our best interest to use it wisely. Even with best intentions, I often find myself feeling like I could have spent my time better. These thoughts typically fall into one of three categories:

  1. Missed goals: You wanted to get something done this week/month/year, but it didn't happen. Now you find the task repeatedly slipping to the next week.
  2. Lost time: It's a long day, and hour 5 fades into hour 6. Next thing you know it's the end of the day and you wonder where the time went.
  3. Poor Use: People need you, emails need responses, events run over. By the end of the day, you've spent your time on a bunch of things you never intended to spend time on.

Welcome!

· One min read
Raymond Cheng
Bringer of the funk

For years, my website was a single gigantic HTML file. Adding content and making edits felt a lot like stacking Jenga blocks a mile high. While that was fun in many ways, it is 2015 and it is time to move to some form of automated system like Jekyll.