Andrew Ford wants to teach YOU how to code!

Latest Articles

• Vibe Coding to Create the Software You Want

  Discover how vibe coding with AI tools can help you build custom software that fits your workflow. Learn how to create a PopClip extension for instant Markdown formatting on macOS using AI agents, and build tools that adapt to your work instead of forcing you to adapt to them.

• What Is RAG and How I Used It to Build a Blog Chatbot with LangChain

  Learn how to build a fast, lightweight AI chatbot for your blog using LangChain, RAG (Retrieval-Augmented Generation), FAISS, and Netlify Functions. This guide walks through indexing markdown content, setting up a vector store, and deploying a serverless chatbot with OpenAI—all without heavy frameworks or databases.

• Another easy Eleventy upgrade

  Another easy upgrade with the NodeJS simple static site generator Eleventy (11ty) from v2 to v3.

• Create Custom Components in MUI

  In this article we will create custom components in MUI (Material UI) using ReactJS and Storybook.

• Build a Full-Stack web app with Next.js - Part 7 - Radix Components

  In this article, we will continue building a full-stack web app with Next.js. We will be using Radix UI components to build our components in isolation using Storybook.

• Build a Full-Stack web app with Next.js - Part 6 - Storybook

  In this installment we create a Storybook for our project and start building out our Header component. I walk through some of the features of Storybook and how it can help you build your React components in isolation.

• Build a Full-Stack web app with Next.js - Part 5 - GitHub Project

  In this tutorial video we continue planning our full-stack web app with Next.js. We create a GitHub project and start adding tickets to the project. We also start building out the first components for the project.

• Build a Full-Stack web app with Next.js - Part 4 - DB Design

  In this video, we will be designing the database for our app. We will be using dbdiagram.io to design our database. We use DBML to define our tables and denote the relationships between them. Using the export option, we quickly create the tables in our ERD (Entity Relationship Diagram) on Supabase.

• Build a Full-Stack web app with Next.js - Part 3 - Supabase

  This is the third video tutorial on building a full-stack Next.js with Supabase. Andrew discusses how to display a list of courses on a webpage using data from a Supabase database. He explains how to use SQL queries to retrieve data from the database and display it on the webpage and also mentions using Superbase's table editor to edit the database and provides a brief overview of plans for future development.

• More Articles…