Build this blog
Build this Blog Medium. Hashnode. Wordpress. Ghost. Log Rocket. There are a thousand blogging platforms that want your content, knowledge, and time. I say nay! In this article I’ll lay out all the steps you need to build this exact website and host your content on GitHub pages. What you’ll get: A blogging website hosted on GitHub The Hugo PaperMod theme Menus to filter content by categories and tags Full text search Tracking with Google Analytics Steps Create your Site Github allows individuals to create one free site per account....
Converting a JavaScript Package to TypeScript: A Step-by-Step Guide
Contents TypeScript has become increasingly popular due to its ability to bring static typing to JavaScript, enhancing code quality and developer productivity. Converting your existing JavaScript package to TypeScript can make it more robust and easier to maintain. In this guide, we’ll walk through the essential steps to transform your JavaScript package into a TypeScript package. 1. Install TypeScript and Necessary Dependencies Begin by adding TypeScript and type definitions for Node....
Create a Chrome Extension With React, TypeScript, Tailwind CSS, and Vite
Contents After publishing my first article on building a Chrome Extension using React, TypeScript, TailWind, and Webpack, a handful of people commented that Webpack was an antique best left on the shelf. In this article, I will walk you through creating the a Chrome Extension that uses the same tech stack but with Vite as the build tool. For the full code, check out the GitHub repository. Introduction In this tutorial, we’ll build a Chrome extension using React, TypeScript, Tailwind CSS, and Vite....
Create a Chrome Extension With React, Typescript, and Tailwindcss
Contents This article was inspired by Creating a Chrome Extension with React a Step by Step Guide. For the full code, check out the repo. Creating a Popup 1. Create React App Use the official Create React App CLI to kickstart your project: npx create-react-app react-chrome-ext --template typescript cd react-chrome-ext 2. Update the Files Update App.tsx to show a simple string: function App() { return ( <div className="App"> Hello World </div> ); } export default App; Update index....
11-11-2024
November 11, 2024 Training the AI I’ve been working on an AI receptionist recently and this must be what its like to build a frankenstein from the pieces lying around your workshop. The final result feels eerily human but noticeably artificial. I understand almost entirely how it works and that’s the oddity that demarcates the thing as non-human. I can’t predict what a human will do with 80% accuracy, nor will a human follow my script to a T....
11-07-2024
November 7, 2024 A New Language Working with AI is like blending your brain on high. You can work on multiple projects back-to-back-to-back with moderate efficiency and that’s amazing and tiresome at the same time. AI has made me want to build more and so I start a new project every time the opportunity presents itself. My creative mind has become increasingly fractal, spiraling outward in every direction, and to keep up with my plans my brain needs to stay focused for longer....
11-09-2024
November 9, 2024 Microblogging Made Easy Microblogging is easy, especially compared to macroblogging, but sometimes easy isn’t enough. We want effortless. I had an idea today to create an application that you could send thoughts and links to throughout the day and it would create a daily microblog post based on the content. With LLMs, I imagine this would be hardly more difficult than forming a juicy prompt and piping messages into it....
11-06-2024
November 6, 2024 Towards Something The more I work as a developer, the more it becomes clear that I could spend my entire life struggling with the details. Every day there are new tools, frameworks, and patterns to learn. Tools you mastered change. The language syntaxes you burned into your connectome aren’t resilient to the turn of the clock hand. If I were an electrician, I could spend a lifetime pinching at the wires with solder-coated fingers....
11-05-2024
November 5, 2024 Building an AI Chatbot with xAI xAI just released their API and through the end of the year you can get $25 in credits each month. I took it for a quick spin and set up a chatbot using NextJS and Deepgram. The first step was to create an xAI account and generate an API key: Then, spin up a quick NextJS web page that uses the AI SDK....
11-04-2024
November 4, 2024 The Conversation Cost AI copilots make you fast until they don’t. There is a very real “conversation cost” that materializes as you use AI tools and it’s best illustrated with an example. Say you want to create a two-sided marketplace for recruiters and job seekers. Standing in the middle of the greenfield, you can erect what appear to be finished structures in an incredibly short amount of time with AI....