A scrapbook of texts, links, images, and videos worth keeping.
# Tech Tree — Vercel × Supabase - [vercel](https://vercel.com) - [next.js](https://nextjs.org) - [react](https://react.dev) - [typescript](https://www.typescriptlang.org) - [jsx / tsx](https://react.dev/learn/writing-markup-with-jsx) - routing - [app router](https://nextjs.org/docs/app) - [server components](https://nextjs.org/docs/app/building-your-application/rendering/server-components) - [client components](https://nextjs.org/docs/app/building-your-application/rendering/client-components) - [server actions](https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations) - [route handlers](https://nextjs.org/docs/app/building-your-application/routing/route-handlers) - [pages router](https://nextjs.org/docs/pages) - [middleware](https://nextjs.org/docs/app/building-your-application/routing/middleware) - rendering - [ssr](https://nextjs.org/docs/app/building-your-application/rendering/server-components#dynamic-rendering) - [ssg](https://nextjs.org/docs/app/building-your-application/rendering/server-components#static-rendering-default) - [isr](https://nextjs.org/docs/app/building-your-application/data-fetching/incremental-static-regeneration) - [streaming](https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming) - optimization - [image](https://nextjs.org/docs/app/api-reference/components/image) - [font](https://nextjs.org/docs/app/api-reference/components/font) - [script](https://nextjs.org/docs/app/api-reference/components/script) - [turbopack](https://nextjs.org/docs/app/api-reference/turbopack) - platform - deployment - [preview deployments](https://vercel.com/docs/deployments/preview-deployments) - [production](https://vercel.com/docs/deployments/production-deployments) - compute - [serverless functions](https://vercel.com/docs/functions) - [edge functions](https://vercel.com/docs/functions/runtimes/edge) - [edge middleware](https://vercel.com/docs/edge-middleware) - storage - [vercel postgres](https://vercel.com/docs/storage/vercel-postgres) - [vercel kv (redis)](https://vercel.com/docs/storage/vercel-kv) - [vercel blob](https://vercel.com/docs/storage/vercel-blob) - [cron jobs](https://vercel.com/docs/cron-jobs) - analytics - [web analytics](https://vercel.com/docs/analytics) - [speed insights](https://vercel.com/docs/speed-insights) - [environment variables](https://vercel.com/docs/projects/environment-variables) - ecosystem - [ai sdk](https://sdk.vercel.ai) - [swr](https://swr.vercel.app) - [tailwind css](https://tailwindcss.com) - [shadcn/ui](https://ui.shadcn.com) - [supabase](https://supabase.com) - [postgres](https://supabase.com/docs/guides/database/overview) - sql - [plpgsql](https://www.postgresql.org/docs/current/plpgsql.html) - [functions](https://supabase.com/docs/guides/database/functions) - [triggers](https://supabase.com/docs/guides/database/postgres/triggers) - [views](https://supabase.com/docs/guides/database/tables#views) - [rls (row level security)](https://supabase.com/docs/guides/database/postgres/row-level-security) - [policies](https://supabase.com/docs/guides/database/postgres/row-level-security#policies) - [extensions](https://supabase.com/docs/guides/database/extensions) - [pgvector](https://supabase.com/docs/guides/database/extensions/pgvector) - [pg_cron](https://supabase.com/docs/guides/database/extensions/pg_cron) - [pg_graphql](https://supabase.com/docs/guides/graphql) - [pg_net](https://supabase.com/docs/guides/database/extensions/pg_net) - [pgmq](https://supabase.com/docs/guides/queues) - [migrations](https://supabase.com/docs/guides/deployment/database-migrations) - [branching](https://supabase.com/docs/guides/deployment/branching) - [authentication](https://supabase.com/docs/guides/auth) - email - [password](https://supabase.com/docs/guides/auth/passwords) - [magic link](https://supabase.com/docs/guides/auth/auth-magic-link) - [otp](https://supabase.com/docs/guides/auth/auth-email-passwordless) - [phone otp](https://supabase.com/docs/guides/auth/phone-login) - oauth - [google](https://supabase.com/docs/guides/auth/social-login/auth-google) - [github](https://supabase.com/docs/guides/auth/social-login/auth-github) - [apple](https://supabase.com/docs/guides/auth/social-login/auth-apple) - [discord](https://supabase.com/docs/guides/auth/social-login/auth-discord) - [sso / saml](https://supabase.com/docs/guides/auth/sso/auth-sso-saml) - [mfa](https://supabase.com/docs/guides/auth/auth-mfa) - [jwt](https://supabase.com/docs/guides/auth/jwts) - [claims](https://supabase.com/docs/guides/auth/jwt-fields) - [custom claims](https://supabase.com/docs/guides/auth/custom-claims-and-role-based-access-control-rbac) - [storage](https://supabase.com/docs/guides/storage) - [bucket](https://supabase.com/docs/guides/storage/buckets/fundamentals) - [public](https://supabase.com/docs/guides/storage/buckets/creating-buckets) - [private](https://supabase.com/docs/guides/storage/security/access-control) - [policies](https://supabase.com/docs/guides/storage/security/access-control) - [image transformations](https://supabase.com/docs/guides/storage/serving/image-transformations) - [resumable uploads](https://supabase.com/docs/guides/storage/uploads/resumable-uploads) - [realtime](https://supabase.com/docs/guides/realtime) - [postgres changes](https://supabase.com/docs/guides/realtime/postgres-changes) - [broadcast](https://supabase.com/docs/guides/realtime/broadcast) - [presence](https://supabase.com/docs/guides/realtime/presence) - [edge functions](https://supabase.com/docs/guides/functions) - [deno](https://deno.com) - [secrets](https://supabase.com/docs/guides/functions/secrets) - [vector (ai)](https://supabase.com/docs/guides/ai) - [embeddings](https://supabase.com/docs/guides/ai/quickstarts/generate-text-embeddings) - [similarity search](https://supabase.com/docs/guides/ai/vector-columns) - [queues](https://supabase.com/docs/guides/queues) - [cron](https://supabase.com/docs/guides/cron) - tooling - [cli](https://supabase.com/docs/guides/local-development/cli/getting-started) - [studio](https://supabase.com/dashboard) - [mcp server](https://supabase.com/docs/guides/getting-started/mcp)
e-s.tw
網站設計特效的細節 - 滑順滾動 Smooth Scroll
有沒有注意到 ES 網站,或者部分網站設計作品滾動起來時,有種不可言喻的滑順感。說不上為什麼,但整體體驗就是很順暢的不可思議呢?我們今天就來聊聊工程師界裡面俗稱「綁架滑鼠滾軸」這件事吧!
According to Larry Wall, the original author of the Perl programming language, there are three great virtues of a programmer; Laziness, Impatience and Hubris Laziness: The quality that makes you go to great effort to reduce overall energy expenditure. It makes you write labor-saving programs that other people will find useful and document what you wrote so you don't have to answer so many questions about it. Impatience: The anger you feel when the computer is being lazy. This makes you write programs that don't just react to your needs, but actually anticipate them. Or at least pretend to. Hubris: The quality that makes you write (and maintain) programs that other people won't want to say bad things about. Reference: The Three Virtues (Wayback Machine)
tools.dverso.io
dverso laundry - Background remover on your browser
Remove your background using sentakki-chan laundry services - Remove the background from any image without connecting to any services, locally on your browser with the help of sentakki chan
styles.refero.design
Refero Styles — Design Systems for AI Agents
Search a curated DESIGN.md library for AI agents: colors, typography, spacing, and component patterns from top websites.
www.are.na
Are.na
Are.na is a platform for connecting ideas and building knowledge.
shaders.paper.design
Paper Shaders – Ultra-fast zero-dependency shaders
Shaders for you to use in your projects, as React components or GLSL.