Like a portfolio site, without showing off

It all started as an exploration project based upon Notion API (finally public) and NextJS 12, reviewing the features beneath them and challenging my miserable skills as a Front end (Full stack really) developer with a poor-to-none knowledge of CSS and HTML5 practices

ChakraUI helped me a lot building a responsive (sort of) design for this website, not disregarding TailwindCSS, but i still miss the StyledComponent/Emotion approach for styling a establish a container with its children’s styles (The ChakraUI way to solve this problems is by setting a variant prop, but it makes me sad for a number of reasons (1, 2, 3 ...))

Ok, but this looks familiar...

Well, as you read the tech stack powering this site, you sure have noticed that is the same adopted by the creator of InkDrop app’s Takuya Matsuyama (Source).

I had the same idea about using Chakra, to deal with my missing CSS skills but i was not sure about using a static page approach. I wanted to keep my pages editable and, more importantly, removable without have to recompile/redeploy the entire website for any editorial change.

Also, I’m a Notion user and I love using it pretty much everywhere it’s installable on. This enables even a non technical user to provide content to show (even is this unrelated to this particular setup)

Everything is possible using NextJS getStaticProps revalidate feature (and getStaticPaths fallback settings appropriately set), giving its best hosted and served by Vercel.

I took the main approach studying samuelkraft’s repo notion-blog-nextjs and I liked some of the things i found there a lot, dropping others like Google Analitycs

I wanted to try something different about the analytics, more respectful for both users and service hoster. My choice fell on “Umami”, a self hosted, open source, light alternative to Google Analytics. I’m currently using Heroku for this, just to keep database and service on the same hoster, but it’s easy to switch between website hoster and managed DB providers.

Sounds fair, but... Where is the source code?

The source code for this website is currently stored in a private repository.

Don’t freak out, I still believe in something called “open source”, but i want to share something based upon several personal rules:

• If I cannot provide a good explanation about a technical choice/thing inside my code, I cannot share it

• If I share something and leave it there unmaintained and unresponded without notice, I must not share it

• If the project Z has an internal implementation Y that solves a generic problem X and it’s worth to share it separately, I will tend to share the solution Y before the project Z is ready to be shared

At the moment, I’m stuck with all of these rules. I’ll release and update this page when it will be ready to see the light.

Also, there are some problems about supporting and styling correctly the supported Notion Blocks (follows examples):

// Code block (typescript)

More info link (bookmark):

Read more: https://www.google.com/

Inline Link HERE

Heading 3

Conclusion Ps. Post scriptum

(End Examples)

Then, what’s the catch?

This web space exists to keep track of some experiments, thoughts and everything related to my personal and professional journey in the tech industry, nothing more and nothing less. Feel free to see this as a modern “message in the bottle”, without a specific need of a response

Although, if anyone ever wants to interact with me for any reason, please refer to the CV area of this website (here)

Also, this stack is not going to be immutable. I mean, all of its elements are far beyond “OK” but i need to explore more without opt out some optimization.