Saúl Sondón saulin18

Next.js client-only SPA example

Made this example to show how to use Next.js router for a 100% SPA (no JS server) app.

You use Next.js router like normally, but don't define getStaticProps and such. Instead you do client-only fetching with swr, react-query, or similar methods.

You can generate HTML fallback for the page if there's something meaningful to show before you "know" the params. (Remember, HTML is static, so it can't respond to dynamic query. But it can be different per route.)

Don't like Next? Here's how to do the same in Gatsby.

Drizzle ORM PostgreSQL Best Practices Guide (2025)

Latest Drizzle ORM features and optimal schema patterns

Major 2025 Update: PostgreSQL now recommends identity columns over serial types. Drizzle has fully embraced this change.

import { pgTable, integer, text, timestamp, varchar } from 'drizzle-orm/pg-core';

INTRO

Concurrency is a domain I have wanted to explore for a long time because the locks and the race conditions have always intimidated me. I recall somebody suggesting concurrency patterns in golang because they said "you share the data and not the variables".

Amused by that, I searched for "concurrency in golang" and bumped into this awesome slide by Rob Pike: https://talks.golang.org/2012/waza.slide#1 which does a great job of explaining channels, concurrency patterns and a mini-architecture of load-balancer (also explains the above one-liner).

Let's dig in:

	import React, { useEffect, useState } from "react";

	import Animated, {
	useSharedValue,
	useAnimatedStyle,
	runOnJS,
	} from "react-native-reanimated";

	import Ionicons from "@expo/vector-icons/Ionicons";

	export interface ValidationError extends Error {
	errors: string[];
	}

	// Example: Password validator
	export function validatePassword(password: string) {
	const sixMinimumChars = /^.{6,}$/;
	const atLeastOneLowercase = /^(?=.[a-z]).$/;
	const atLeastOneUppercase = /^(?=.[A-Z]).$/;
	const atLeastOneDigit = /^(?=.\d).$/;

	import * as schema from './schema' // make this point to your schema file
	import { PgEnum, PgTableWithColumns } from 'drizzle-orm/pg-core'
	import { createInsertSchema, createSelectSchema } from 'drizzle-zod'
	import { z } from 'zod'

	type ExtractPgTableKeys<T> = {
	[K in keyof T]: T[K] extends PgTableWithColumns<any> ? K : never
	}[keyof T]

	export const selects = Object.fromEntries(

 import { createContext as create, useContext } from 'react'
 export function createContext<T>(initial?: T) {
   const ctx = create<T>(initial ?? (null as any))
   return Object.assign(
     function Provider(props: React.ComponentProps<typeof ctx.Provider>) {
       return <ctx.Provider {...props} />
     },
     ctx,

	// This is an example table using the GenericTableComponent.tsx
	// mockData is generated randomly

	import { Image, Text, Checkbox, Badge, Box, Flex } from "@chakra-ui/react";
	import { ColumnDef } from "@tanstack/react-table";
	import React from "react";
	import GenericTable from "@/frontend/core/components/GenericTable";
	import TransitActionsButtonGroup from "./TransitTableActions";
	import { formatDate } from "@/frontend/core/utils/formatDate";
	import { ChevronDownIcon, ChevronRightIcon } from "@chakra-ui/icons";

	MIT License

	Copyright (c) 2022-present, cayter

	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is
	furnished to do so, subject to the following conditions:

Saúl Sondón saulin18

Next.js client-only SPA example

Drizzle ORM PostgreSQL Best Practices Guide (2025)

Latest Drizzle ORM features and optimal schema patterns

INTRO

Goroutines