thienjs / thien.me

personal portfolio w/ nextjs, tailwind, notion api, framer motion, shadcn, headless ui

thien.me

This is my personal website and portfolio. I use this to experiment with new technolgy and a learning tool.

Stack:

• Typescript: typed javascript for better tooling
• Tailwind CSS: utility-first CSS framework
• ESLint: find and fix syntax errors
• Prettier: opinated code formatter
• Headlessui: headless ui components
• Supabase: Postgres database
• Notion: as CMS
• Prisma ORM: simple typed communication with database
• Framer-Motion: animation library
• Apollo: communication with graphql github DB
• NextAuth: simple authetication with nextjs

API

• twitter
• spotify
• github
• goodreads

Features

• theme selector
• guestbook
• stats

thien.me's Issues

CLS in navbar during page change

CleanShot.2022-02-20.at.08.27.19.mp4

The navbar is experiencing CLS on page change. The source of this FOUC seems to be that the light/dark mode toggle is not visible during the initial render of a new page.

There are a few approaches to fixing this. Let me know if you have any questions!

Project tags margin misalignment on subsequent lines

By using gap on the flex parent instead of margin-left/margin-right on each child, you'll be able to not only keep the first item in rows 2+ from being misaligned, but you'll also be able to apply a vertical gap applied as well :)

request features

Bro, I'm inspired by your blog. And also liked your stats section. And I wanted to ask something new. Is it possible to count Instagram followers? Just like you did for Twitter?

Help

Facing this issue.
`

Error occurred prerendering page "/guestbook". Read more: https://nextjs.org/docs/messages/prerender-error

Error: The table (not available) does not exist in the current database.`