Sign in

Jonathan Gamble

@jdgamble555.bsky.social
60 followers 20 following 74 posts

code.build

PostsRepliesMedia
Jonathan Gamble @jdgamble555.bsky.social · 30/11/2025
For SurrealDB fans: dev.to/jdgamble555/...
dev.to
SvelteKit SurrealDB Login with GitHub
I wanted to make a working proof of concept that you can login with an oAuth provider directly in the...
030
Jonathan Gamble @jdgamble555.bsky.social · 29/11/2025
dev.to/jdgamble555/... - This took forever!
dev.to
Using OG Image Outside of Node
The future of JavaScript on the server is NOT just NodeJS. We have Bun, Deno, and Cloudflare. I've...
000
Jonathan Gamble @jdgamble555.bsky.social · 01/04/2025
dev.to/jdgamble555/... #Nuxt #Svelte #Qwik
dev.to
Copying Nuxt's useState in Qwik and Svelte
Nuxt has an amazing tool that allows you to easily share a signal called useState. Shared...
030
Jonathan Gamble @jdgamble555.bsky.social · 26/02/2025
dev.to/jdgamble555/... #svelte
dev.to
Sharing Custom Rune Classes with SvelteKit
Following my last article on Svelte 5 Runes, there are cases when you need to add custom...
010
Jonathan Gamble @jdgamble555.bsky.social · 02/02/2025
dev.to/jdgamble555/... #svelte
dev.to
Svelte 5 and SortableJS
I've been scratching my head trying to find a way to drag and drop sort in Svelte. I build some...
020
Jonathan Gamble @jdgamble555.bsky.social · 27/01/2025
Svelte 5 GPT - you're welcome - chatgpt.com/g/g-6796de7a... #svelte #svelte5 #sveltekit
chatgpt.com
ChatGPT - Svelte 5 GPT
Work with Svelte 5
030
Jonathan Gamble @jdgamble555.bsky.social · 16/01/2025
dev.to/jdgamble555/... #svelte
dev.to
Sharing Runes in Svelte 5 with the Rune Class
I generally don't use classes in any TypeScript I write. I believe functions make things simpler, and...
150
Jonathan Gamble @jdgamble555.bsky.social · 15/11/2024
dev.to/jdgamble555/... #svelte
dev.to
Async Fetching in Svelte 5
When you want to fetch something in Svelte, the recommended method is to put it in the load...
010
Jonathan Gamble @jdgamble555.bsky.social · 15/11/2024
dev.to/jdgamble555/... #Angular
dev.to
Are Angular Resolvers on Life Support ?
I was scrolling through Tech Twitter a few months back, when I saw this tweet by the infamous...
000
Jonathan Gamble @jdgamble555.bsky.social · 22/09/2024
code.build/p/firestore-... #firestore #firebase
code.build
Firestore Tree Data Model
We often need to model tree data in Firestore. Nested comments, categories, graphs, and groups are just some examples. Modeli
000
Jonathan Gamble @jdgamble555.bsky.social · 15/09/2024
code.build/p/passwordle... #firebase #firestore #passwordless
code.build
Passwordless Login in Firebase
I’m a huge fan of passwordless login. You will notice I do not have any articles on creating, resetting, or changing a passwo
000
Jonathan Gamble @jdgamble555.bsky.social · 08/09/2024
code.build/p/handling-u... #firebase, #firestore
code.build
Handling Usernames in Firestore
Most modern apps need usernames. We don’t want to share our email addresses publicly, using a long user ID would look odd. Fi
000
Jonathan Gamble @jdgamble555.bsky.social · 01/09/2024
#firebase, #firestore code.build/p/firestore-...
code.build
Firestore Fuzzy Full-Text Search
After years of getting different ideas for self-indexing search using Firestore, I have finally reached a usable conclusion t
000
Jonathan Gamble @jdgamble555.bsky.social · 25/08/2024
code.build/p/firestore-... #firebase, #firestore, #vector
code.build
Firestore Full-Text Vector Search
With the AI revolution, Vector Databases have become popular. Almost every big database that didn’t already have the option h
000
Jonathan Gamble @jdgamble555.bsky.social · 18/08/2024
code.build/p/firebase-n... - #firebase, #firestore
code.build
Firebase Now Works on the Server
When Firebase was released, before Google even owned the company, you didn’t need to fetch anything on the server. Over 10 ye
000
Jonathan Gamble @jdgamble555.bsky.social · 10/07/2024
dev.to/jdgamble555/... @angular
dev.to
Forcing Angular SSR to Wait in 2024
Angular has had a built-in way to wait on your functions to load, and you didn't know about it! ...
000
Jonathan Gamble @jdgamble555.bsky.social · 23/06/2024
code.build/p/firebase-s... - Firebase Uploading with #svelte example!
code.build
Firebase Storage User Profile Image
Many database platforms handle authentication with the database functions, but not many have built-in storage capabilities. F
000
Jonathan Gamble @jdgamble555.bsky.social · 02/06/2024
code.build/p/inner-join...
code.build
Inner Joins with Firebase Functions
Because Firestore is a NoSQL database, you can’t use joins like in SQL. You must plan your queries when you write your data,
000
Jonathan Gamble @jdgamble555.bsky.social · 29/05/2024
code.build/p/update-fir...
code.build
Update Firebase Email with Reauthentication
Updating an email or password is handled differently in Firebase than updating a user’s profile name or photo URL. There is a
010
Jonathan Gamble @jdgamble555.bsky.social · 12/05/2024
code.build/p/how-to-upd...
code.build
How to Update a User Profile in Firebase
Firebase Authentication is its own Database, separate from Firestore. You can use it securely with any database you like to h
000
Jonathan Gamble @jdgamble555.bsky.social · 08/05/2024
code.build/p/svelte-5-t...
code.build
Svelte 5 Todo App with Firebase
Svelte 5 is coming very soon since it has hit the *Release Candidate* stage. Svelte 5 now has “runes,” Svelte’s version of si
000
Jonathan Gamble @jdgamble555.bsky.social · 05/05/2024
code.build/p/firestore-...
code.build
Firestore Security Rules Example Guide
I want you to learn “how to write Firebase Rules” rather than what specific rules you need to write. Once you understand what
000
Jonathan Gamble @jdgamble555.bsky.social · 01/05/2024
code.build/p/solidjs-fi...
code.build
SolidJS Firebase Todo App
I figured SolidJS would be just like React, but it’s not. It’s way better. I had a few learning curves but got my app up and
010
Jonathan Gamble @jdgamble555.bsky.social · 28/04/2024
code.build/p/local-deve...
code.build
Local Development with Firebase Emulators
I noticed there are many articles about creating unit tests with Firestore Emulators, but I find them most useful for buildin
000
Jonathan Gamble @jdgamble555.bsky.social · 24/04/2024
code.build/p/remix-todo...
code.build
Remix Todo App with Firebase
After creating my Todo App multiple times for other Frameworks, I figured creating it for Remix would be easy. After all, I h
000
Jonathan Gamble @jdgamble555.bsky.social · 21/04/2024
code.build/p/firestore-... - Continuing the Firebase posts...
code.build
Firestore Query and Mutation Patterns
Since Firebase released the Web Modular API in Firebase 9, queries have been handled faster, bundles are smaller due to *Tree
000
Jonathan Gamble @jdgamble555.bsky.social · 17/04/2024
code.build/p/creating-a...
code.build
Creating a Firestore User Document on Sign-Up
When a user logs in to most Firebase apps, the first thing your app needs to do is create a user document. There are ways to
000
Jonathan Gamble @jdgamble555.bsky.social · 14/04/2024
code.build/p/analog-tod...
code.build
Analog Todo App with Firebase
AnalogJS is what Angular should be. It definitely makes handling server-side applications easier. It fixes all the deployment
000
Jonathan Gamble @jdgamble555.bsky.social · 10/04/2024
code.build/p/firestore-...
code.build
Firestore Dates and Timestamps
Storing dates in Cloud Firestore is extremely easy. Convert the date to a Timestamp type, and add it to your JSON. However, s
000
Jonathan Gamble @jdgamble555.bsky.social · 07/04/2024
code.build/p/does-fires...
code.build
Does Firestore Need Data Converters?
For years, I have wondered why you can’t just pass a type to a Firebase query in the Real Time Database or Cloud Firestore an
000
Jonathan Gamble @jdgamble555.bsky.social · 03/04/2024
code.build/p/nuxt-todo-...
code.build
Nuxt Todo App with Firebase
I have read articles and watched many tutorials on Vue, but this is the first Vue or Nuxt app that I have actually built myse
000
Jonathan Gamble @jdgamble555.bsky.social · 31/03/2024
code.build/p/firestore-...
code.build
Firestore Reference Type
I honestly still don’t know why Firestore has a Reference Type. You can’t do anything with it that you can’t do with a simple
000
Jonathan Gamble @jdgamble555.bsky.social · 27/03/2024
code.build/p/firestore-...
code.build
Firestore Many-to-Many: array-contains-all
When using arrays, you can easily perform an `OR` query. However, Firestore does not natively have an `AND` query, and you ca
000
Jonathan Gamble @jdgamble555.bsky.social · 26/03/2024
code.build/p/firestore-...
code.build
Firestore Many-to-Many: Maps
Before arrays existed in Firestore, and when you needed to store an array of items in *Firebase Realtime Database*, you had t
000
Jonathan Gamble @jdgamble555.bsky.social · 24/03/2024
code.build/p/firestore-... - also updated Maps version and array-contains-all workaround
code.build
Firestore Many-to-Many: Arrays
In a normal SQL database, you have tables, each of which can hold many items. In a NoSQL database, you have the same ability
000
Jonathan Gamble @jdgamble555.bsky.social · 20/03/2024
code.build/p/understand...
code.build
Understanding Firestore Collections
When you want to model your data in NoSQL, you must consider collections as your starting point. What are you showing on your
000
Jonathan Gamble @jdgamble555.bsky.social · 17/03/2024
code.build/p/what-fireb...
code.build
What Firebase Really Is
Google offers a range of products for hosting, database management, and even authentication. Firebase, however, is an incredi
000
Jonathan Gamble @jdgamble555.bsky.social · 13/03/2024
code.build/p/nextjs-tod...
code.build
NextJS Todo App with Firebase
After building my Firebase Todo App in [Qwik](https://code.build/p/qwik-todo-app-with-firebase-P2rX5i), [SvelteKit](https://c
000
Jonathan Gamble @jdgamble555.bsky.social · 09/03/2024
code.build/p/sveltekit-...
code.build
SvelteKit Todo App with Firebase Admin
Firebase is meant to be easy, and was created for the client environment before Edge Functions or non NodeJS environments bec
000
Jonathan Gamble @jdgamble555.bsky.social · 09/03/2024
code.build/p/sveltekit-... One more framework down!
code.build
SvelteKit Todo App with Firebase
Using Firebase in SvelteKit is quite easy, and doesn’t require any libraries like Angular does. I do use a few tricks to make
000
Jonathan Gamble @jdgamble555.bsky.social · 08/03/2024
code.build/p/angular-to...
code.build
Angular Todo App with Firebase
Using Angular with Firebase has changing slightly since version 16. While we navigate closer to standalone components, the li
000
Jonathan Gamble @jdgamble555.bsky.social · 03/03/2024
dev.to/jdgamble555/...
dev.to
The State of Angular SSR Deployment in 2024
Angular Universal is now called Angular SSR, and it is built into the framework. The year is 2024....
000
Jonathan Gamble @jdgamble555.bsky.social · 26/02/2024
code.build/p/qwik-with-...
code.build
Qwik with Firebase - A Todo App
Qwik has changed a lot since I originally wrote this article. I decided to update my Qwik App to the latest version, and I lo
000
Jonathan Gamble @jdgamble555.bsky.social · 17/02/2024
code.build/p/firestore-...
code.build
Firestore Distributed Counters and Sharding
There are some situations in Firestore where you might hit a road block, especially in high traffic situations. Yes, I’m talk
000
Jonathan Gamble @jdgamble555.bsky.social · 11/02/2024
code.build/p/firestore-...
code.build
Firestore Cloud Functions Counter
The original and classic way to count documents in a Firestore Collection or Query is to use Firebase Cloud Functions. What s
000
Jonathan Gamble @jdgamble555.bsky.social · 05/02/2024
code.build/p/firestore-...
code.build
Firestore Secure Batch Increment
The classic way to keep track of the number of documents in Firestore is to use `increment`. This is also the necessary way
000
Jonathan Gamble @jdgamble555.bsky.social · 18/11/2023
dev.to/jdgamble555/...
dev.to
Angular is Much Better, But is Angular Universal?
Angular is Amazing in 2023! Angular has recently added an amazing amount of features. It...
131
Jonathan Gamble @jdgamble555.bsky.social · 11/10/2023
dev.to/jdgamble555/...
dev.to
Easy Context in React Server Components (RSC)
Continuing the need to have easy context from my other posts, I wanted to find a way to share context...
000
Jonathan Gamble @jdgamble555.bsky.social · 06/10/2023
dev.to/jdgamble555/...
dev.to
Easy Shared Reactive State in React without External Libraries
Right now using useState with useContext requires a LOT of boilerplate. For every context you have to...
000
Jonathan Gamble @jdgamble555.bsky.social · 25/09/2023
dev.to/jdgamble555/...
dev.to
Create the Perfect Sharable Rune in Svelte
Singleton Server Issue When Svelte 5 comes out soon, it seems Runes (Signals) will share...
010