infi.sh

infi.sh

This very website

2021 - 2022

Overview#

infi.sh is the website you are on right now, or at least I hope so. It's written in TypeScript, React, and Next.js, and it's entirely static. It's styled with Tailwind, and the content is powered by Markdown using Rehype.

In total, I'd say it's a solid 10/10. Overconfident? Maybe. But I'm proud of this project, and I think it's a good example of what I can do.

Why?

I've been wanting to create my own website for a long time, but I never knew what I wanted to do with it. I've tried a few different things, but I never really got anywhere. I had a few ideas, but I never had the time to work on them.

Then, I thought of a simple idea: a website that shows off my projects. I've had a few projects that I've been working on, and I thought it would be a good idea to show them off. I could also use it as a place to write about my projects, and maybe even write about other things.

So, I started working on it. I created a few pages, and I started writing about my projects. I also wrote about some of my other projects that I've been working on.

The Stack

I wanted to use a stack that I was familiar with, so I decided to use React, Next.js, and Tailwind. I've used these technologies before, and I'm pretty comfortable with them. I also wanted to use TypeScript, as with my other recent projects, and I've decided to continue that trend.

I also wanted to try something new, so I decided to try out Rehype. It's an AST-based renderer for Markdown, and I thought it would be a good way to write my content. I've used Markdown plenty before, but I've never used it with Rehype, which seems to be a pretty popular choice nowadays for writing content.

The Design

I wanted to go with a minimalist design this time around, so I grabbed the plainest, most beautiful font I'm aware of: Helvetica Now. I also wanted to use a light theme full of contrast, so I went with a white background and a solid black color for the text.

For those that like a dark theme, I've also added a dark theme. I don't think it fits the design as well as the light theme, but I think it's still pretty good.

Tech Stack#

ReactNext.jsTailwindTypeScriptRehype

Categories#

Web