I'm super excited that this is finally a thing so all of my source code (`src`, get it) can live in the `src` directory and I can import it using absolute imports.

- Make a `tsconfig.json` or ` jsconfig.json` file
- Add the `baseUrl` option:

```json
{
  "compilerOptions": {
    "baseUrl": "./src"
  }
}
```

That's it 🎉

> If you're a WebStorm user make sure to right click the `src` directory and click "Mark as resource root".

How to use the src directory and absolute imports in Next.js 

This is a story of how it took me way too long to ship a product, and I ended up paying for a competitor product instead.

The saddest "Just Ship It" story ever

You're either a Zero or a One

How I tricked my brain into working out 24 times in 30 days

Going from OSS to SaaS. Mistakes made and lessons learned from launching Sizzy - The Browser For Developers. 

GitHub stars won't pay your rent

A simple way to stay up to date with the latest in webdev, without the stress of being on Twitter all day. 

An underrated way to keep up with web development

Developers are scared of change. But why? Here are my thoughts on how no-code tools, AI, and GPT-3 will change the web development industry as we know it.

GPT-3 is the beginning of the end

If you have a lot of JS projects on disk, that means you have a lot of `node_modules` folders taking up a bunch of space. Here's how you can easily delete them and free up space.

How to magically free up gigabytes of disk space  

When uninstalling an app, macOS leaves behind a bunch of cache and files on disk. All of this junk can eventually pile up and take a bunch of unwanted space. Here's an easy and fast way to thoroughly uninstall apps on macOS.

Fastest way to thoroughly uninstall apps on macOS

One of the things that Windows does better is managing external displays. Doing this in macOS is a nightmare. Apple is focusing on improving Memoji. As always, there's a third-party app that fixes this.

A better way to manage multiple monitors on macOS

How I went from Hello World to a live production app in a few days with Blitz.js - The Fullstack React Framework

From Hello World to a production app: The magic of Blitz

Don't want to buy a Stream Deck? Here's how you can make your own for free!

The best Stream Deck alternative: Make your own!

I made an app that covers the entire user journey of an app: feedback, roadmap, and changelogs.

Introducing Fungarzione: The app for keeping your users in the loop

Generate social media images by screenshotting React components when building your static site

Generating social media images by screenshotting React components

A new way to be accountable at the end of each pomodoro using Time Out, Google Forms, and Notion.

How to use the src directory and absolute imports in Next.js

More posts