About

Hello and welcome!

If you want to know more about me, youā€™re better served by the homepage.

If you want to know more about this website specifically, well, youā€™re in the right place!

The Purpose

This site counts as a ā€œblogfolioā€, a showcase of what I can do for work, but also of what I do for fun and non-profit šŸ˜„

It should entice people to watch my videos, instill confidence I can walk the walk besides talking the talk. It should encourage you to reach out for a collaboration or mentoring!

Itā€™s not supposed to be overly serious, but it does contain a couple technical posts people keeping linking back to. And it is, itself, a seriously-made, modern, web app, optimised for a fun and fruitful user experience.

The common consensus is against creating your own portfolio website to fill out your CV. But thereā€™s nothing against creating one when you do have a decent CV!

Besides, larger projects are truly collaborative, and I donā€™t stick around companies for too long. So, itā€™d be quite silly of me to say ā€œif you want to see a Next.js app I worked on, check out Zoopla!ā€

Itā€™s technically correct, the best kind of correct, but with this website, itā€™s clear that: if itā€™s got a feature, Iā€™ve personally worked to implement it, solo šŸ™Œ If itā€™s unique enough, I may even have a tutorial about it!

Plus, much like ā€œrealā€ projects, I donā€™t quite have a carte-blanche to do anything I want here: Thereā€™s awkward requirements! I donā€™t blog often, but some of my posts have gone relatively viral. Therefore, I should ensure nooneā€™s left with broken links! Which means how I structure my routes needs to stay consistent, and I need to keep my MDX support!

My analytics are public so you can see weā€™re not Zoopla by a longshot, but there is a decent amount of people dropping by šŸ‘‹

The Stack

The code is open-source and free on GitHub, youā€™re welcome to peruse it! Itā€™s got details on the specific stack I went with to make this site tick.

I always keep my unpaid projects open-source and free, and have even done so for some of my paid work! And I always advise for being inspired by my methods, but against blindly copying everything wholesale.

Thatā€™s because I think thatā€™s neither the best way to learn, nor likely to impress anyone looking at your portfolio / CV. The interviewers will know šŸ˜› If you copy everything regardless, as people have done in the past... fair enough! Thatā€™s one of the points of open-source šŸ˜„

Next.js vs SvelteKit

Given Iā€™ve amassed quite a few SvelteKit tutorials by now, you may be wondering... Why is this site Next.js?!

Next.js & SvelteKit are my two meta frameworks of choice at the moment. I most often use SvelteKit in my video tutorials, as I find Svelte closer to vanilla HTML, CSS & Javascript. This means itā€™s easier to showcase fundamentals with it.

I most often use Next.js for paid work, as itā€™s got the unfair advantage of... React šŸ˜‚.

I may be experiencing a bit of ā€œReact Fatigueā€, but the bigger companies I work with love targeting the much larger pool of React engineers. Plus, React got mega-popular way before Svelte even existed, so weā€™re at the point where thereā€™s legacy codebases in React! Itā€™s way more likely for a bigger company to have React apps theyā€™d want my consultancy on, than Svelte apps.

In any case, the point is: I should have at least two core personal projects I update regularly, one for each of my favoured meta frameworks! Lo and behold, Johnnify is SvelteKit and this app is Next.js!

The tech world moves fast, especially the Javascript scene... I think my livestreams, and my core projects with real users & requirements have helped me stay current!

After all, itā€™s not everyday you get a greenfield contract, and even then thereā€™s always a ā€œnovelty budgetā€: itā€™s a bad idea to cram everything thatā€™s new since your last project!

Reaching out

There is one more secret weapon helping me stay current: you šŸ¤—

I still read & reply to every single YouTube comment. They are a great resource for validation that Iā€™m at least helping someone or leading some discussion, but also a fountain of suggestions and ideas!

So, please, feel free to comment on any video that strikes your fancy, or reach out through the socials in the footer. Some have a higher likelihood of a faster reply than others šŸ˜…

And, of course: thanks a bunch for reading! šŸ¤™