Links

Table of Contents

• programming
• github
• tools
• etc

Programming

• React Server Components Guide: A comprehensive guide to understanding and implementing React Server Components.
• Introduction to Node.js (New Official Docs) : The official Node.js documentation providing an introduction to the runtime environment.
• Text Variants in UI Design : A resource exploring different text variations and their applications in user interface design.
• Shadcn UI Blocks - Reusable UI Components : A collection of reusable UI components and blocks built with Tailwind CSS.
• NextUI Pro Components : A set of premium React components built on top of NextUI for rapid UI development.
• HackerOne Disclosed Reports : A list of publicly disclosed security vulnerability reports on the HackerOne platform.
• Migrating from Prisma to Drizzle ORM: A guide on how to migrate your database ORM from Prisma to Drizzle ORM.
• Demystifying React Server Components: An in-depth explanation of React Server Components and their benefits.
• UploadThing - File Uploads for Next.js: A file upload solution specifically designed for Next.js applications.
• BuildUI Blog - UI Development Insights: A blog featuring articles and tutorials on UI development best practices.
• Hackers-Arise - Getting Started with Ethical Hacking: A resource for beginners to learn about ethical hacking and cybersecurity.
• Introduction to Parser Combinators: An article explaining the concept and implementation of parser combinators.
• Type-Level TypeScript Workshop: A workshop on advanced TypeScript concepts and type-level programming.
• JavaScript Pro - Directory Structure: A guide on organizing JavaScript project directory structures effectively.
• Streaming Granular Status from a Long-Running Server Action: A discussion on implementing streaming status updates for server actions. GitHub Code Example for Server Action Status: Code snippet demonstrating server action status implementation.
• PortSwigger Web Security Learning Paths: Structured learning paths for web security and penetration testing.
• JS13kGames 2023 Resources: A collection of resources and posts related to the JS13kGames competition, which challenges developers to create games under 13KB.
• Fort Knight Post-Mortem: A detailed post-mortem of the JS13kGames entry "Fort Knight," discussing the development process, challenges, and learnings.
• The Terror of Mongolia JS13k Post-Mortem Part 1: An in-depth look at the development journey of the JS13kGames entry "The Terror of Mongolia," including design decisions and technical hurdles.
• Turing Complete: An article exploring the concept of Turing completeness, its implications, and applications in computer science.
• Server Components in React: An exploration of React server components, discussing their benefits, how they work, and their potential impact on React development.
• Reverse Engineering Google Colab: A deep dive into the inner workings of Google Colab, uncovering its architecture and functionalities.
• Building a Screenshot API: A guide on creating a screenshot API, including the technical stack, challenges, and solutions involved in the process.
• Type Programming: An advanced exploration of TypeScript's type system, showcasing complex type manipulations and programming techniques.
• Extreme Explorations of TypeScript's Type System: A deep dive into the capabilities and boundaries of TypeScript's type system, with examples of extreme type programming.
• Defensive CSS Tips: A collection of CSS techniques to create more robust and maintainable stylesheets.
• Assembly Interpreter in TypeScript's Type System: An exploration of implementing an assembly interpreter using TypeScript's advanced type system features.
• Type System Game Engines: A discussion on creating game engines using TypeScript's type system.
• Josh W Comeau's Code Snippets: A collection of useful code snippets and mini-tutorials for web development.
• Grug Brain Dev: A humorous take on software development principles and practices.
• Maxime Heckel's Blog: A blog covering various topics in web development, React, and UI/UX design.
• Algorithms by Mike Bostock: Visualizations and explanations of various algorithms by the creator of D3.js.
• Latency Numbers Every Web Developer Should Know: Key latency figures that are crucial for optimizing web applications.
• Building a JavaScript Testing Framework: A guide on creating a custom JavaScript testing framework from scratch.
• Explained from First Principles: Email: An in-depth explanation of how email works, starting from basic principles.
• Tuple Types Indexed by Type Parameter: An exploration of advanced TypeScript tuple types and their applications.
• Using Deferred Value in React: A guide on using the useDeferredValue hook in React for performance optimization.
• React Treeview Component: A tutorial on building a customizable treeview component in React.
• Spy Chrome Extension: An article discussing the creation of a Chrome extension for web scraping and monitoring.
• Slack Architecture: An overview of Slack's system architecture and design principles.
• tRPC Actions: An introduction to tRPC actions for building type-safe APIs in TypeScript.
• Component Gallery: A curated collection of UI components and design patterns for inspiration.
• SSH Key Injection in Google Cloud: A guide on how to securely inject SSH keys into Google Cloud instances for improved access management.
• Intro to Parser Combinators: An introduction to the concept of parser combinators and their implementation in programming languages.
• Dwitter: A social network for creating and sharing short JavaScript animations and demos.
• Instant Search Params with React Server Components: A tutorial on implementing instant search functionality using React Server Components.
• Joshua K Goldberg's Blog: A blog covering various topics in software development, TypeScript, and open source.
• Do You Still Need Framer Motion?: An article discussing the relevance of Framer Motion in modern web development.
• What are React Server Components?: An explanation of React Server Components and their role in modern web applications.
• CPU.land: An interactive guide to understanding how CPUs work and process instructions.
• Explaining the Postgres Meme: A breakdown of a popular meme about PostgreSQL and its features.
• Animated List Recipes: A collection of recipes for creating animated lists in web applications.
• Beyond XSS: A comprehensive guide to understanding and preventing cross-site scripting (XSS) attacks.
• Making TanStack Table: A tutorial on creating tables using the TanStack Table library.
• React Google Maps Drawing Tools: A guide on implementing drawing tools with React and Google Maps API.
• Write Your Own Zod: Validating Schemas: A tutorial on creating a schema validation library similar to Zod.
• Marvin H's Blog: A blog covering topics in web development, performance optimization, and software engineering.
• SQLBolt: An interactive tutorial for learning SQL through hands-on exercises.
• Scaling Kubernetes to 7500 Nodes: A case study on how OpenAI scaled their Kubernetes cluster to 7500 nodes.
• Making a Font: A guide on the process of creating a custom font from scratch.
• DoomPhone: A project showcasing how to run the classic game Doom on a web-based phone emulator.
• Ahmad Shadeed's Blog: A comprehensive resource for web developers and designers, featuring in-depth articles on CSS, HTML, web design, and front-end development best practices.
• 2ality: A blog focused on JavaScript, TypeScript, and web development trends.
• Vas3k Blog: In-depth technical essays and musings on software engineering and productivity.
• ciechanow.ski: Highly detailed technical articles on various programming and computational topics.
• Neon Blog: Insights into modern database technology and serverless computing.
• Bun Guides: Tutorials and guides for using Bun, a fast JavaScript runtime.
• Christoph Pojer's Blog: Articles on software development, testing, and open-source tools.
• Colin Hack's Essays: Deep dives into programming concepts and software design.
• Cramer's Blog: Technical writing on web development and software architecture patterns.
• Chris Nicholas Blog: Notes on development, design, and productivity tools.
• Axlight Blog: Articles on frontend development, JavaScript, and TypeScript.
• Deno Blog: Updates and articles on the Deno JavaScript runtime.
• Doyensec Blog: Insights into cybersecurity research and secure coding practices.
• Effective TypeScript: Best practices and tips for working effectively with TypeScript.
• Excalidraw Blog: News and updates about the Excalidraw drawing app.
• Sam Curry: Articles on security, hacking, and technology.
• Industrial Empathy: A blog about web performance and user-centric design.
• Jake Archibald: Technical posts about web APIs, performance, and progressive web apps.
• Jake Bailey's Blog: Thoughts on JavaScript, TypeScript, and open-source projects.
• JavaScript Weekly: Weekly updates on JavaScript and web development.
• Josh W. Comeau: Interactive tutorials and articles on React, CSS, and frontend development.
• Jonas Galvez: Blog posts about web development and technology trends.
• Joshua Wootonn Blog: Insights into software development and modern tools.
• Kettanaito's Blog: Posts on TypeScript, frontend tools, and software craftsmanship.
• Maggie Appleton: Notes on programming, design, and digital illustration.
• Sinja Blog: Thoughts on programming, system design, and software tools.
• Next.js Blog: Official updates and news about the Next.js framework.
• Overreacted: Dan Abramov's blog about React, JavaScript, and personal insights.
• Paul Armstrong Blog: Articles on React, frontend tools, and web development.
• Paul Graham's Essays: Essays on startups, technology, and human behavior.
• Postgres Weekly: Weekly updates on PostgreSQL and database development.
• Node Weekly: Weekly updates on Node.js and server-side JavaScript development.
• PortSwigger Research: Security research and insights on web vulnerabilities.
• Prateek Surana Blog: Tutorials on programming, productivity, and personal development.
• The Pragmatic Engineer: Practical advice on software engineering and leadership.
• TkDodo Blog: Posts on React Query, frontend development, and TypeScript.
• Tonsky: Technical writings and opinions on programming and design.
• Zhenghao: Articles on JavaScript, TypeScript, and web development.
• Shud's Blog: Insights into development, design, and programming trends.
• web.dev Blog: Best practices and tools for modern web development.
• Craft Blog: Notes on web development and design systems.
• Encore Blog: Articles on backend development and serverless technology.
• Aaron Claes Blog: A guide on loading assets in React Three Fiber.
• Maxime Heckel: Blog focused on React and frontend development tips.
• Linux From Scratch: A step-by-step guide to building your own Linux system.
• Khagwal Blog: Articles on user interactions and frontend tools.
• Ryan Stephen: Blog about programming and productivity tools.

Github

• Tremor - React Components for Dashboards: A library of React components specifically designed for building data-driven dashboards.
• Trellix tRPC - Trello Clone with tRPC : A GitHub repository showcasing a Trello clone built using tRPC for type-safe APIs.
• Create T3 Turbo - T3 Stack Monorepo : A monorepo starter template for the T3 stack, optimized for turborepo.
• Chatbot UI - Open Source Chat Interface : An open-source chatbot interface that can be customized and integrated into various projects.
• Unkey - Open Source API Authentication and Authorization: An open-source solution for API key management and authorization.
• EXIF Photo Blog - Next.js Photo Blog with EXIF Data: A Next.js-based photo blog that displays EXIF metadata for uploaded images.
• What Happens When: A detailed walkthrough of what happens when you type a URL into your browser and press enter.
• Debugging Stories: A collection of interesting and challenging debugging experiences shared by developers.
• LLM.c Discussions: A discussion thread about Andrej Karpathy's LLM.c project, which implements a large language model in C.
• Awesome Performance Patches: A curated list of performance-enhancing patches for various software projects.
• LLM101n: An introductory course on Large Language Models by Andrej Karpathy, covering fundamentals and practical applications.
• Build NanoGPT: A tutorial repository for building a small-scale GPT model from scratch, ideal for learning about transformer architectures.
• Peated: An open-source whisky tracking and rating application for enthusiasts and connoisseurs.
• MotionVariants: A collection of reusable motion components and animations for enhancing web interfaces.
• Sandbox: A collaborative coding environment for real-time pair programming and code sharing.
• Midday AI: An open-source AI assistant platform for building and deploying custom chatbots and virtual assistants.
• onur.dev: The source code for Onur Şuyalçınkaya's personal website, showcasing web development techniques and design.
• Make Real: A tool by tldraw for converting hand-drawn sketches into functional user interfaces and prototypes.
• TypeHero: An interactive platform for learning and practicing TypeScript through coding challenges and exercises.
• Course Builder: A framework for creating and managing online courses, designed for educators and content creators.
• Plane: An open-source project management tool with features for task tracking, collaboration, and team productivity.
• Morphic: A utility for transforming and manipulating JavaScript objects in a functional way.
• SuperMemory: A memory-boosting app designed to help improve your retention skills through interactive exercises.
• Node Llama CPP: A Node.js binding for interacting with Llama.cpp, a high-performance AI model runtime.
• Cachified: A simple caching library for JavaScript and TypeScript applications, optimized for flexibility and performance.
• Markdowner: A lightweight tool to simplify the creation and formatting of Markdown files.
• AI RPi Detection: A project demonstrating AI-based object detection capabilities on Raspberry Pi devices.
• Quiet.js: A library for encoding data into sound, enabling near-ultrasound communication over web browsers.
• Odiff: A fast and precise tool for visual comparison of images, useful for UI testing.
• Faces.js: A library for generating and customizing faces in web-based games or applications.
• Llama3 From Scratch: A repository for building and experimenting with Llama-inspired AI models from the ground up.
• Imgto.xyz: A tool to convert and transform images into various formats and resolutions using Cloudinary.
• Platform Starter Kit: A starter kit for building your own calendar platform using the Cal.com ecosystem.
• Chrono: A natural language date parser in JavaScript for processing and interpreting date and time expressions.
• Magic Spell: A spell-checking and suggestion library for improving text accuracy in applications.
• Upscayl: An AI-powered image upscaling tool that enhances the resolution of low-quality images.
• React TV Space Navigation: A React library for implementing spatial navigation in TV applications.
• Pica: A high-quality image resizing library for web browsers, prioritizing speed and efficiency.
• Clarity Upscaler: A utility for enhancing and upscaling images with a focus on maintaining clarity.
• AImages: A framework for building AI-generated images with customizable parameters.
• Google Indexing Script: A script to automate the process of submitting URLs for indexing to Google Search Console.
• MoneyPrinter: A simulation tool for experimenting with financial strategies and concepts.
• Next.js OpenAI Doc Search: A Next.js application demonstrating document search powered by OpenAI and Supabase.
• Promise Fun: A collection of utility functions for working with JavaScript Promises effectively.
• System Design 101: A beginner-friendly guide and resources for learning system design principles and practices.
• Next Video: A video streaming starter kit for Next.js using Mux for video processing and playback.
• String TS: A TypeScript utility library for advanced string manipulation and formatting.
• Gauge Demo: A demonstration project showcasing the capabilities of gauge visualization in web apps.
• Backend Best Practices: A curated list of best practices and guidelines for building robust backend systems.
• OG: A tool for generating Open Graph images dynamically using a Node.js server.
• Programming Principles: A collection of essential programming principles and design patterns for developers.
• Advanced Web Dev Quiz: A quiz repository for testing your knowledge of advanced web development concepts.
• OpenStatus: A self-hosted status page solution for monitoring and displaying system uptime and issues.
• Testing Fundamentals: A practical guide to understanding and applying fundamental testing strategies in web development.
• 4-Bit Virtual Machine in (TypeScript\JavaScript): Emulating a 4-Bit Virtual Machine in (TypeScript\JavaScript) (just Types no Script)
• Meta Typing: A collection of advanced TypeScript type utilities and patterns for solving complex typing challenges.
• JavaScript Algorithms and Data Structures: A comprehensive collection of algorithms and data structures implemented in JavaScript with explanations.
• TS-SQL: A TypeScript library for writing and executing SQL queries with static type checking and code completion.
• HypeScript: 🐬 A simplified implementation of TypeScript's type system written in TypeScript's type system

Tools

• Excalidraw - Virtual Whiteboard for Sketching: A simple and intuitive online drawing tool for creating diagrams and sketches.
• tldraw - Collaborative Drawing Tool: A web-based drawing application that allows real-time collaboration on shared canvases.
• tldraw Developer Documentation: Comprehensive guide for developers looking to integrate or extend tldraw's functionality.
• LogoIpsum - Placeholder Logo Generator: A free tool for generating temporary logos for design mockups and prototypes.
• Val Town - Serverless JavaScript Environment: A platform for writing, running, and sharing JavaScript code snippets without server management.
• Suno - AI Music Generation : An artificial intelligence platform that creates original music compositions based on user inputs.
• Cron-Job.org - Free Cron Job Scheduling Service : A web-based service for scheduling and managing automated tasks and scripts.
• Screenshot to Code - AI-powered UI Generation : A tool that converts screenshots of user interfaces into functional HTML and CSS code.
• v0 by Vercel - AI-powered UI Generation : An AI-driven platform for creating user interface designs and components.
• Dub - URL Shortener and Link Management : A service for creating and managing shortened URLs with analytics and customization options.
• SunCalc - Sun Position and Phase Calculator : A web application for calculating sun positions, phases, and times for any location and date.
• RoomGPT - AI Room Design Generator : An open-source project that uses AI to generate interior design concepts from room images.
• JSON Crack - JSON Viewer and Editor : An online tool for visualizing, editing, and analyzing JSON data structures.
• Web-Check.xyz: A comprehensive web security and information gathering tool for analyzing websites and domains.
• Loupe: An educational tool for visualizing JavaScript's call stack, event loop, and callback queue.
• Variant Vault: A showcase of the MotionVariants library, demonstrating various animation examples and use cases.

etc

• Chronophoto - Historical Photo Game: An engaging game that challenges players to guess the year a historical photograph was taken, testing their knowledge of visual history.
• Manifold Markets - Prediction Market Platform: A platform where users can create and trade on prediction markets for various topics, fostering collective forecasting and decision-making.
• Foto Webcam - High-Quality European Webcams : A collection of high-resolution webcams across Europe, offering real-time views of scenic locations and cityscapes.
• LLM Visualization - Interactive Large Language Model Explainer : An interactive visualization tool that helps users understand the inner workings of large language models through engaging graphics and explanations.
• Anthropic Prompt Library - AI Prompting Resources : A comprehensive collection of prompts and techniques for effectively interacting with AI language models, curated by Anthropic.
• Sam Altman's Blog - Thoughts on AI and Technology : Personal blog of Sam Altman, CEO of OpenAI, featuring insights and opinions on artificial intelligence, technology, and their impact on society.
• UI Labs - UI Component Playground : An interactive platform for exploring and experimenting with various user interface components, helping developers and designers create better web interfaces.
• Hacker News - Tech News Aggregator : A popular community-driven news website focusing on computer science, entrepreneurship, and technology, known for its insightful discussions.
• OpenAI Prompt Engineering Guide - Six Strategies for Better Results : A comprehensive guide from OpenAI outlining six effective strategies for improving results when working with AI language models through better prompt engineering.
• 3Blue1Brown Lessons - Visual, Animated Math Concepts: A collection of engaging, visually-driven mathematics lessons that explain complex concepts through intuitive animations and clear explanations.
• Rethinking the Startup MVP: An article discussing new approaches to building minimum viable products for startups.
• Redesigning the Linear UI: A case study on the process of redesigning the user interface for Linear, a project management tool.
• Developer Marketing: Insights and strategies for marketing to developers effectively.
• Immersive Linear Algebra: An interactive, visual approach to learning linear algebra concepts.
• Enlightment: A philosophical exploration of personal growth and self-awareness.
• How to Pass Any First-Round Interview: Tips and strategies for succeeding in initial job interviews.
• Malte's Handbook: A collection of insights and best practices for software engineering and team management.
• Cal.com Handbook: The public company handbook for Cal.com, covering processes, culture, and best practices.
• Things You Should Never Do, Part I: A classic article by Joel Spolsky on why rewriting code from scratch is usually a bad idea.
• Flappy Bird in Type-Level TypeScript: An innovative tutorial demonstrating how to implement the Flappy Bird game using TypeScript's type system.
• Indie Hackers Products: A community platform showcasing independent developers' products and their journey building profitable online businesses.
• Numbeo Cost of Living: A comprehensive database of user-contributed data about cost of living in cities worldwide.
• Jhey's CodePen Collection: A showcase of creative web development experiments and demonstrations by Jhey Tompkins.
• Aceternity UI Components: A modern collection of ready-to-use UI components for web applications.
• Ibelick Lab: An experimental playground featuring creative web development concepts and UI patterns.
• UI Land: A curated collection of UI design resources and inspiration for developers and designers.
• Polyrhythmic Rings: An interactive visualization of polyrhythmic patterns using animated rings.
• ABJT Dev: A personal blog featuring articles about web development and software engineering.
• Shayy: A collection of web development resources and tutorials.
• AEM1K: A showcase of JavaScript code golfing and creative programming experiments.
• The Copenhagen Book: A digital guide exploring Copenhagen's culture, design, and lifestyle.
• HackTricks: A comprehensive guide to penetration testing and cybersecurity techniques.
• Understanding Noise: An in-depth exploration of noise algorithms in creative coding and graphics programming.
• Origin UI: A collection of modern UI components and design patterns for web applications.
• Magic UI: A library of magical UI components and animations for web applications.
• Tremor Documentation: Installation and setup guide for the Tremor UI component library.
• Morphic: A tool for creating and managing UI animations and transitions.
• React Query Builder: A flexible, powerful query builder component for React applications.
• This vs That: A collection of JavaScript concepts explained through comparisons.
• React Aria TextField: A robust text field component with proper mobile device focus handling from Adobe's React Aria library.
• Clarity AI: A platform for sustainable and socially responsible investment analysis.
• PMND UI Kit: A collection of example implementations using the PMND UI toolkit.
• Wall Street Local: A platform for local financial news and market analysis.
• Facts Machine AI: Insights and analysis about artificial intelligence and its hidden impacts.
• Next Video: A framework for building video applications with Next.js.
• Total TypeScript Zod Tutorials: Comprehensive tutorials for using Zod with TypeScript.
• React TypeScript Cheatsheet: A collection of TypeScript tips and best practices for React development.
• Drizzle Run: Explore Drizzle ORM's features (schema, migrations, etc).
• Rerun: A visualization tool for debugging and understanding complex software systems.
• Typing the Technical Interview in TypeScript: A blog post on solving common technical interview problems using TypeScript and its type system.
• 50-Day Challenge: A creative project showcasing daily design experiments and improvements over 50 days.