Subscribe to the newsletter
Get emails from me about software development, SaaS, and early access to new articles.
Hey, I’m Minh-Phuc Tran
I'm a software engineer. I love building SaaS for makers and developers 💚. I share my journey daily on Twitter.
On this site, I occasionally write programming tutorials and lessons I learned from bootstrapping SaaS.
Blog
Personal documentary: 100% authentic, good for inspiration.
Make Copyable Code Block For Your Blog
A couple of days ago I implemented a feature to allow viewers on my website to easily copy code blocks on my website. Personally, it is quite a useful feature for a technical blog.
MDX (Unified) Mutating Options Object Cost Me 2 Hours
A couple of days ago, I got into a very annoying issue while using MDX in my Next.js website. It cost me almost 2 hours to resolve.
How-to Integrate Plausible Analytics With Next.js and Vercel
Plausible is a privacy-focused analytics solution for modern websites. It and Fathom are probably 2 biggest names in the space. I chose Plausible because its pricing is more beginner-friendly and it is also open-source.
How-to Keep Your Packages Always Up-to-date with Dependabot
One of the ways that I do to keep myself up-to-date with the latest technologies is to configure automatic dependencies upgrade, which helps in 2 ways:
Simple Script Cut 50% Size Of My React Website
A very simple but mindblowing script that I did a couple of days ago in my Next.js website that cut its bundle size from 90kb to 50kb.
Write My First Tailwind CSS Plugin
Building my website for a while using Tailwind CSS, I started to have more and more specific needs like backdrop-filter to create blur overlay effects, autofill pseudo-class to style form fields when they have been autocompleted, etc, and these use cases weren't covered by TailwindCSS core packages. So I had to leave my HTML and write separate CSS files to be able to use custom CSS properties. Although writing separate CSS is fine, I just don't like having ad hoc CSS files here and there, which feels like an anti-pattern using Tailwind CSS for me, especially when your theming system starts to appear everywhere. So, I asked:
Upgrade My Blog From Plain HTML to "Well-Designed" In 2 Weeks. I Suck.
About 3 weeks ago, I started my blog in plain HTML, then gradually tried to make it look better and more modern-ish. It has been 2 weeks so far and I've never liked how my website looked only until today.
Auto Shrink Header On Scroll in React
I've just implemented a feature to keep my header sticky and auto-shrink when users scroll to maximize readability and call to action.
Misunderstanding @tailwindcss/typography costs me 2 hours
I spent about 2 hours to style my static pages because Tailwind resets everything, but then realized that @tailwindcss/typography did exactly the job.
A Quick Exploration Into Deno
Deno v1 was released a couple of months ago with a lot of different opinions. Today, I decided to take a quick look into what it offers and what that potentially means.
Imagegen as a Service (Free), All Bloggers Should Have One
I built a Free Image Generator as a Service, is especially useful to generate personalized/trademark covers for content distribution
I Changed My Mind After 2nd Try Tailwind CSS
I tried TailwindCSS to add styles to my website but quit about an hour, then I tried again, it is awesome!
Introducing Hashnode SDK for TypeScript/JavaScript
I created a TypeScript/JavaScript library for working with Hashnode blogging platform programmatically.
Parse Markdown Frontmatter In MDX, Remark, and Unified
Leverage Unified/Remark plugin ecosystem to easily parse frontmatter in your Markdown or MDX documents.
Publish My First NPM TypeScript Package
I published my first NPM package (TypeScript), here is how I did it.
Being Ambitious Is A Myth
There is nothing bad about aspiring to be successful, the bad thing is the definition of it.
Automate Distributing My Posts to DEV.to
To maximize distributions of my future posts with zero effort, I'm writing a bot to distribute all my posts to DEV.to using their API.
Create an MDX Plugin To Have My Own Markdown Language
I created my own Markdown syntax to minimize duplications while maximizing writing speed, flexibility, and readiness.
Switch to Next.js and MDX
I switched from plain HTML to using Next.js and MDX to have better ease of writing and extensibility.
Hello, World! I Started My Blog In Plain HTML
I finally started my blog, in plain HTML, no CSS, JS, inline style, whatsoever.
Amazon DynamoDB - All You Need To Know About This AWS Service
DynamoDB is a NoSQL database that delivers single-digit millisecond performance at scale.
Use Go Channels as Promises and Async/Await
If you’ve ever programmed with JavaScript, you definitely know about Promise and async/await. C#, Java, Python, and some other programming languages apply the same pattern using different names such as Task or Future.
Sync vs. Async vs. Concurrent vs. Parallel
“How do you distinguish between sync vs. async vs. concurrent vs. parallel?”
Binary Search Tree And Real-world Applications
A binary search tree (BST) is a binary tree data structure that has
Go Struct And Stack Data Structure
Stack is a LIFO (last-in-first-out) data structure. It's usually used to convert a recursive solution into an iterative solution.
Zsh + Antigen + Oh my Zsh = A Beautiful, Powerful, and Robust Shell
I’d already worked with default plain shell for quite a long time until I recognized that I couldn't face that “ugly and boring guy” every day anymore. Being a developer, I spend time working with shell more than with any of my relatives including my mom, my girlfriend, or my roommate. Therefore, I need a better partner:
Reverse-engineer A No-code Website Builder
No-code is becoming a big part of modern product development, it encourages an agile approach and accelerates iterations. Understanding how a no-code tool is built can be an advantage for a developer.