Over the summer, I thought about the bruegge.dev domain and realized it didn’t quite feel like the right fit. I began exploring other options to see what else might suit my style. I noticed that some users from the #100DaysToOffload community use .xyz domains, which I found appealing.

For a few years, I’ve owned several barfooz domains, and I’ve always wanted to create a blog using one of them. In fact, that was the reason I bought my first barfooz domain in the first place!

The name barfooz is something I came up with, combining the developer placeholder variables foo and bar. The result has a nice sound, almost like “barefoot” or Barfuß in German. And to make it a little cooler, I added a z at the end. 😎

I've already updated all my mastodon posts to link to the new domain. ✅

---

34/100 of #100DaysToOffload

#log

Discuss...

Over the years, I got used to a specific stack. As a Web Developer, the main use case is creating websites and -apps. In this field, you have plenty of tools to choose from. Which is a blessing and a curse at the same time. 😅

As a base, I use Next.js. Here I enable Typescript + ESLint and Tailwind CSS. Typescript and ESLint are a no-brainer for me. Sadly, Prettier is not in the box. So I install it afterward. On vercel.com, Next.js can be easily deployed and you have a good free tier. So you can develop and share a URL with your client, for example.

The next bigger thing is Tailwind CSS. For years, I was using Styled-Components, but was unhappy with it. Then I started my first project with Tailwind CSS and styling made fun again. To let play nicely with React.js, I'll use tailwind-merge. From their description: Merge Tailwind CSS classes without style conflicts.

To build nice components, there are Radix-UI Primitives. These pair really nice with Tailwind CSS. The biggest win on the Radix-UI Primitives is the react-form, which saves an extra installation of a separate React.js form library.

Every App or Site needs Icons. Here I found Heroicons, from the Tailwind CSS creators. The collection is big enough to get the most out of it. For comparison, the Radix-UI Icons have a nicer look, but they are very basic, and I often didn't find what I was searching for.

So, Next.js, Tailwind CSS, Radix-UI Primitives and the Heroicons cover the Frontend. Time for the Backend. 🥳

For the Backend, I simply use Supabase. Which covers all my needs. A Database, Authentication, and Storage. That's it. Nothing more to say. Supabase has also a good free tier and can be self-hosted if needed. 👌

As mentioned before, I use pirsch.io. Web-Analytics from Germany. I like that it is privacy-friendly and that there is no need for cookies. The Standard tier with €6/Months is the only thing in my current Stack2go which is paid.

And that's it. Have fun with it. 😊

---

31/100 of #100DaysToOffload

#log #stack2go #dev #frontend #backend

Discuss...

Writing this post was harder than I thought. 😊

To structure my thoughts

My thoughts are just a constant stream of something chaotic. I struggle with getting a clear path in my head. So I need to write it down, why not in public? For some years, I'm doing it in my notion app but in private. Hopefully, a post can help to make it right and good.

To internalize what I have learned

Writing about a topic will help me to let things go through my head again. With it, I'm able to think more about a topic in detail and extend what I've learned.

To have a reference things I've learned

A place where I can come back to and realize that this was not the first time I did something dump, so I have written it down in advance.

To exercise writing itself

Gaining experience is never bad. So writing will get me some good, I hope. Like with coding, you get better, when you do it. Not just copy and paste from StackOverflow. Just writing actual code could help.

To be better with words and explanations

I'm not the best speaker or someone who can explain things good. I require time and reiterations. With writing a post, I can iterate over again and again until a post looks good.

---

30/100 of #100DaysToOffload

#log #writing

Discuss...

Lately, I discovered this CSS value of the align-items property, which I didn't know about. I just wanted to share it. For me, it came quite handy in a project.

align-items: "last baseline";

More about this feature:

• https://web.dev/blog/last-baseline?hl=en
• https://devdocs.io/css/align-items#baseline

I hope it will help someone.

---

28/100 of #100DaysToOffload

#log #dev #css

Discuss...

What did I do the last 3 Weeks? The last 3 weeks passed very quickly, and I thought I had nothing to say. But there is something. 😅 With my current client, I'm switching between 2 notebooks. My MacBook Pro and the Windows Thinkpad from my client. When I'm done working for my client, I usually don't have the motivation to sit on my MacBook to do something. I even leave tax matters lying around and don't process them. But when I have the motivation, I work on my private side project, on which I will tell more, when the next milestone is completed.

The Good

📀 I've started buying 4k Blu-rays of movies I really like and watched more than 2–3 times. Just because, often, I had this problem, that I wanted to watch the movie, but it was not on a streaming service, I pay for. I know it is not a minimalistic way, which I try to live as far as possible. But for me, it is Ok collecting stuff, I love.

🧑‍💻 There is progress on my client's project. I'm now able to work in some way. 😅 I completed the first tickets and worked out some new tickets where I clean up the project and refactor parts, to get a better developer experience. It is the first project where I didn't have a real onboarding session. The one responsible for this project left without a word or documentation. So I'm on my own here. Which is in some way also quite fun. The only downer here is that I have to use Windows and can't install neovim, because of some policy. 🤷

🦖 We as a family visited the Jurassic World Exhibition in Berlin. Really impressive what they created there. Sure, as an adult you saw that it was not real, but they did a real good job on keeping up the illusion. Only the last part, where a T-Rex escaped, was rushed and ended in the merch store. It ended when you realized what really happened there. But nevertheless, it was good and I can recommend it.

🔥 I've made some progress on my private app project. The last milestone I've completed added some new features which put the project in a presentable state. Now I'm working on the next milestone, which will prepare everything for a small test release. Working on the last milestone also led to some ideas for new posts. Now I need time to write them. 😅

🏋️ After making my 15 min Kettlebell workout, I've tried a new workout, which is 20 min long and exhausting. I feel awesome after the workout, exhausted but in a good way. Let's see when this will get normal, and I have to look for a new one, to boost my workout. Maybe I can increase the weight of the kettlebell, which is 12 kg at the moment.

📊 I've added pirsch.io tracking to my blog: https://bruegge.dev/add-pirsch-io-tracking-to-write-as

🤘 After ~5 Weeks of not going to any concert, I was at a concert to see Escuela Grind and Rotten Sound: https://bruegge.dev/escuela-grind-und-rotten-sound-in-reset-club-berlin

The Bad

🤒 I'm kind of sick for more than a 1 week, not too sick to stay in bed, but sick enough to feel unwell by everything I'm doing. At the time of completing this post, I'm feeling way better. I hope this will last some time. 😅

The Ugly

😠 It will hunt me until it has an ending, going every day to the kindergarten to bring and pick up my oldest makes me feel unwell. Seeing the people responsible for rejecting the youngest drives me crazy. I'm not that kind of person who can deal with something like that very well. And I see no escape, besides waiting for the next year to come, where the oldest will be going to school, and we don't have to deal with this kindergarten anymore.

---

27/100 of #100DaysToOffload

#log #GoodBadUgly

Discuss...

Going to this concert was spontaneous. A friend said he was going and I had time. I was keen on seeing Escuela Grind. So I ordered a ticket some days before the concert. And the last one was ~5 weeks ago, so it was about time. 😅

---

Death Crusade, a Band from Poland. We watched them from the back. I liked the instrumental parts, but the vocals were too uninflected. For the last song, the Rotten Sound Singer came on the stage and sang some parts. Which had a nice touch to it.

---

Escuela Grind, they played like nothing else. It was a great concert and I had a lot of fun watching them. They are playing their ass off and you see and feel it. Despite some bad news I've read, they did an excellent concert and ended too soon. The last song they played was “one more song” after the audience screamed for more, and it had clean vocals in it. I don't know how to feel about it. Sounded strange. But ok. To each their own. It seemed all had fun, and this is the most important thing.

---

Rotten Sound, quite an institution. I had a lot of fun watching these veterans. Sadly, for my taste, they played a bit too long. Maybe it was the heat in the club. It was really hot in there, and you got sweaty just from standing. But you saw that they had fun playing, which I liked. 😊

According to my calendar, the next concert will be Asinhell on 18.09. in Berlin. 🤘

---

26/100 of #100DaysToOffload

#live #music #concert

Discuss...

Write.as has the option to add custom CSS and JS to the site. Write.as has also basic tracking for the posts and how they are performing. But it is just basic tracking and only for the last 30 days. So I wanted a bit more. For private projects, I use prisch.io. Which is privacy-friendly and hosted in Germany. I will try this out. If it is not working as expected, I will remove the script.

How can you implement such a script?

First, go to your pirsch.io Dashboard and click the + Icon on the top-right.

You will be asked between Client or Server implementation. Go to Client implementation and copy the script tag.

<script defer src="https://api.pirsch.io/pa.js"
    id="pianjs"
    data-code="YOUR_SITE_CODE"></script>

Now, transfer this HTML into JavaScript. Here we create a new element and add it to the document <head />.

// Add prisch tracking --- START
const script = document.createElement('script');
script.setAttribute('id', 'pianjs');
script.setAttribute('defer', true);
script.setAttribute('src', 'https://api.pirsch.io/pa.js');
script.setAttribute('data-code', 'YOUR_SITE_CODE');
document.head.appendChild(script);
// Add prisch tracking --- END

This snipped can be added to your write.as blog. Go to your write.as Dashboard and select the Customize Button. Here is an area where you can add custom JavaScript.

Hit “Save changes” and reload your blog. The script should now be added. :)

I hope this will help someone.

---

25/100 of #100DaysToOffload

#log #writeAs

Discuss...