Welcome to day six of the useaffiliates.com build log! This series covers my journey of building a business from scratch in public. If you missed day five, you could check it out here. I also uploaded today's Twitch stream to YouTube if you want to watch the replay.
Today, we finally set up our development environment, which is one big step towards launching this project! This shouldn't be called a build log if I don't give you the juicy details on what stack I am using to build this project.
And as promised at the start of this project, the code is open source:
https://github.com/twankruiswijk/useaffiliates.com
I loved working with Remix for my personal website, but I want to leverage SSG (static site generation) for this project. This technology will come in handy for generating the category pages, which will be great for SEO, and combined with the Notion API, it will be fast as fuuuuuu.
Besides having access to SSG, we can also leverage the API routes for infinite loading and filtering of the affiliate program table.
For styling, TailwindCSS has been my weapon of choice for a little while now. It sets reasonable defaults, makes it easy to collaborate (great adoption and documentation), and keeps my CSS files tiny.
I've been asked why I don't use Chakra, a component library for React built on top of Tailwind. I use it for another project I work on, upupland.xyz, and while I like working with it, even for that project, I think I could have done it faster with just Tailwind. It also introduces another layer of complexity to the project since you have yet another tool to learn and documentation to read.
Today we updated the Tailwind configuration file with the fonts, container sizes, colors, and background pattern. I think this is what I like the most about Tailwind; do you want to update the defaults? You do you! Everything keeps working as expected, even with your customizations and additions.