Coding - PropelAuth Blog | PropelAuth Blog

Coding

A collection of 19 posts

Pair Programming with GPT-4: CrosswordGPT

Pair Programming with GPT-4: CrosswordGPT

Now that GPT-4 has been released and a lot of incredible demos are coming out, I wanted to give it a try with a complex project. I settled on a React-based crossword puzzle because there are a few moving parts and some tricky state to manage. Ultimately, I (we?) built

Drizzle - An ORM that lets you just write SQL

Drizzle - An ORM that lets you just write SQL

If you're a developer who's already comfortable with SQL, you know how frustrating it can be to switch to an ORM that requires you to learn a whole new query language. And if you’ve never heard of an ORM before, it’s basically a library on top of a

What Does SSO Actually Mean?

What Does SSO Actually Mean?

Before answering the question at hand, you should know that you’ve probably used SSO already. Any time you’ve signed up for or logged into a product using a Google or Facebook or other social account, you’ve been using SSO. SSO stands for "Single Sign-On", and it's a

Clean Code with Rust & Axum

Clean Code with Rust & Axum

One of my favorite parts of the book Clean Code was seeing a code snippet that starts off gross and unmanageable and watching it iteratively improve. In this post, we’re going to do the same thing but specifically use a close-to real-world example with Rust and Axum. For each

Drawing a Turkey
with CSS

Drawing a Turkey with CSS

We learned how to generate arbitrary shapes with CSS. We then learned how to scale, rotate, and position those shapes in order to create your own artwork. While you probably shouldn’t create giant works of art in pure CSS, you can use these techniques to add a little more pizzazz to your designs.

Generating Chess Puzzles with Genetic Algorithms

Generating Chess Puzzles with Genetic Algorithms

We took a library used for function minimization, attached Stockfish to it, and used it to generate surprisingly complex mate in 3 chess puzzles without too much code. Libraries like this excite me because it feels like the limit is your imagination and your ability to transform ideas into code.

This Menu Takes 20 Seconds to Scroll Through

This Menu Takes 20 Seconds to Scroll Through

A common cycle that products go through is: Someone builds an easy to use, slightly opinionated product. It gains adoption because it perfectly solves a problem for a set of users.

JWT Authentication Explained with Code Examples

JWT Authentication Explained with Code Examples

When I’m trying to understand a concept, I like to play around with relevant libraries. We’ll try this out with JWTs using the popular javascript library jsonwebtoken.

The Importance of Product Led Growth for Dev Tools

The Importance of Product Led Growth for Dev Tools

Product led growth (PLG) is a fairly simple concept. It’s the idea that your product should be the driving force of your company’s growth. Your product should be good enough that it can stand on its own merits. Your customers will recommend it to others and advocate for it.

Multi-Tenant Next.js App with Prisma and PropelAuth

Multi-Tenant Next.js App with Prisma and PropelAuth

In this post, we’ll show how to build a multi-tenant application using Next.js, Prisma, and PropelAuth. We’ll build a simple B2B application where each user can make "posts" within a tenant.

Tools to Use When Setting up a JavaScript Repo

Tools to Use When Setting up a JavaScript Repo

Setting up a JavaScript repo for the first time can be tricky, but it doesn't have to be! This blog will walk you through setting up your first repository, from development environment setup to package bundlers to protecting your main branch.

Avoiding CORS Issues in React/Next.js

Avoiding CORS Issues in React/Next.js

The simplest way to fix any CORS issues in React and Next.js is actually not to change anything in React or Next.js but instead to fix your server

Using PugSQL and FastAPI

Using PugSQL and FastAPI

Most of the tutorials/guides that I read about FastAPI and Python web frameworks in general use SQLAlchemy directly. While SQLAlchemy is great, I personally prefer writing raw SQL over using an ORM. PugSQL is a really interesting alternative that allows you to write your own SQL files...

Walk-up Usable Codebases

Walk-up Usable Codebases

The term “Walk-up usable” (sometimes called walk-up-and-use) describes a system that is so intuitive, a new user can immediately be effective. When I think about developer experiences, I think about the walk-up usability of the codebase.

Production-ready Backend with dbmate, PugSQL, PropelAuth, and FastAPI

Production-ready Backend with dbmate, PugSQL, PropelAuth, and FastAPI

In this post, we’ll build a fully production-ready backend complete with DB migrations, B2B authentication, to show off all the cool features that FastAPI provides. We'll also use PugSQL as a novel approach to interacting with the database.

Autogenerating Clients with FastAPI and Github Actions

Autogenerating Clients with FastAPI and Github Actions

In this post, we'll learn how to use FastAPI and Github Actions to make sure your client and server never get out of sync.

A Practical Guide to Dependency Injection with FastAPI's Depends

A Practical Guide to Dependency Injection with FastAPI's Depends

One of the first concepts I learned at my first job was dependency injection. In this post we'll go over what it is and how to effectively use it, with FastAPI’s depends.

Add Personalized Content to your Docs with MarkDoc, Next.js, and PropelAuth

Add Personalized Content to your Docs with MarkDoc, Next.js, and PropelAuth

Stripe open sourced Markdoc which is a Markdown-based authoring framework. The ability to quickly and easily add arbitrary React components to a markdown file is really cool! It allows you to be really creative and easily add dynamic content to your markdown files.

Creating Advanced Reusable Forms in Next.js

Creating Advanced Reusable Forms in Next.js

In this guide, we’ll create a form that we can use across our product. We’ll start with something simple and slowly add in more complexity like preventing the user from navigating away with unsaved changes