Corey O'Donnell

Web Developer, TypeScript Enthusiast, and Problem Solver


My name is Corey O'Donnell and I am a full-stack web developer. The tech stack I primarily work with is TypeScript, React.js, Node.js, and Python. I love spending my free time learning new things and improving myself. My son and my wife are my everything. I have a weird obsession for houseplants and always looking to increase my collection.

Recent Blog Posts

Real-time Page Views with Next.js and Supabase

Let's Build our own real-time page view tracker using Next.js as the frontend framework and a Postgres database hosted by Supabase.

Create a Dynamic Sitemap with Next.js

Improve your SEO for your Next.js website by dynamically creating a sitemap.xml for efficient and accurate indexing

Prerender React using Next js

When you want to improve your website's performance or search engine optimization (SEO), prerendering your application is a must. Next.js is the perfect framework

Authentication for Next.js using Firebase

Add server-side and client-size authenticaiton with protexted pages on your Next.js project using Firebase for user management and data store.

Dark Mode Toggle Using Tailwind CSS

Tailwind recently released a setting that enables dark mode styles. You can add a prefix to specific classes to only enable when dark mode is enabled.

Importance of typography

It may not feel like typography is that important, but it can have a major effect on your reader's experience.

Defeating Flash of Unstyled Text (FOUT)

Sometimes it is undesirable for a website to display a system font before the font is fully loaded into the browser.

Fathom Analytics: Privacy-Focused Website Analytics

The Rise of Privacy Stop stealing your visitors' personal information. Use Fathom Analytics as a privacy friendly solution for your traffic analytics.

Utility-First CSS Is All the Rage

Introduction to styles When you are building a website, you typically want to style your HTML. You could use inline styles on your HTML elements.

Building a VSCode Extension: Part Four

One of the of most important things to make this extension function is to figure out the best way to have the React.js app communicate with the extension framework.

Managing Node.js with Volta

Volta is a command line tool used to manage your Node.js. It is built using Rust and is shipped as a static binary. It is extremely quick and effecient.

Using Hashnode's API for Blog Previews

I wanted to display previews and links to my most recent posts on my portfolio website. Hashnode offers a GraphQL API to fetch your blog post information.

Managing my node versions

Working on multiple projects at a time, I typically have to switch what version of node I am running. NVM is a great tool for the job.

Building a VSCode Extension: Part Three

Now that I have a blank VS Code extension set up and working, I want to start building on it. Adding some Code formatting configs

Building a VSCode Extension: Part Two

Now that I have an idea of what I am going to build, It's time to set up the repository. VSCode has a straightforward method for bootstrapping a new extension.

Building a VSCode Extension: Part One

I have been looking for a fun side project to work on in my free time. Building projects is the best way to actually improve your skills as a developer.

Being Successful While Working From Home

Working from home has some unique challenges compared to being in an office. When I worked in the office, I quickly excelled. I became the go-to guy...

Remote Work Challenges

I have worked remote for nearly four years now. It has been awesome in so many ways for me and my family; I do not plan to go back to an office.

Rome, All-In-One Frontend Dev Toolchain

TL;DR If you are tired of building your toolchain for your web development projects. Rome plans to be your one stop shop for all your development needs.

Making the jump to start blogging!

I am ready to take my career and knowledge to the next level. One of the best ways of doing that is blogging.

© 2021 Corey O'Donnell. All Rights Reserved.