Quotion Blog
Apple Notes to blogs in minutes
You focus on creating content in Apple Notes while Quotion takes care of the rest.
Launch Your Blog from Apple Notes in 4 Simple Steps
Ever thought about turning your Apple Notes into a dynamic live blog? With Quotion, it's not only possible, but also surprisingly simple! In this tutorial, I'll walk you through the process of transforming your ideas jotted down in Apple Notes into engaging blog content using Quotion. TLDR 1. Sign up with Quotion First things
Written by
Qing
Published on
File under
applenotes
Qing
Introducing comment widgets
Today, we are excited to announce a new feature on Quotion - comment widgets! This feature allows our valued customers to engage with their readers easily and create a sense of community around their content. The best part? You don't need to use any 3rd-party solutions to enable it! How to enable it Go to
Read post
Qing
CreatorStory
I gave up $100k salary to chase my dream
Hello there, I wanted to share my story with you. I used to work as a software engineer at Microsoft, but I gave up my $100k salary to pursue my dream of becoming an indie hacker. I built a side project called Chirpy during my 9-5 work, which is an open-source comment system. Although it
Read post
Qing
Introducing the new logo
Today, we are thrilled to announce the new logo for Quotion. The shape The logo features a unique shape on the left side, which is derived from the letter Q, the initial letter of Quotion. This shape not only represents our brand name but also serves as a visual representation of a twisted pen. The
Read post
Qing
engineering
How to use breakpoints (media query) with TailwindCSS
TailwindCSS is a popular CSS framework, sometime you may want to use an arbitrary media query to make your website responsive, here are 2 options to do that. Add a custom breakpoint to the config file Add your breakpoints to the tailwind.config.js: /** @type {import('tailwindcss').Config} */ module.exports = { theme: { extend: { screens:
Read post
Qing
engineering
How to fix Sentry tunnel HTTP 405 error
TLDR Just add /tunnel or /monitoring routes to your Next.js middleware matcher ignored list, these routes should be rewritten to Sentry’s service, don’t need to be handled by your Next.js middleware. Sentry is a popular service used to monitor product errors, which Quotion is also using. I build Quotion with Vercel Platforms Starter Kit,
Read post
Qing
engineering
How to fix `cannot read properties of undefined (reading 'columns…
Drizzle is a popular ORM for TS/JS applications, and Quotion is built on it. The error I have encountered the cannot read properties of undefined (reading 'columns') error quite a few times, as shown below: The solution The error message isn’t very helpful, and the root cause may be that you have forgotten to export
Read post
Qing
engineering
Radix UI tips
Radix UI is a popular React library to build accessible products. Here is a neat tip I found very useful. Group tooltips Use TooltipProvider to group all tooltips together, to get a better transition experience. See my demo (The brand color example isn’t grouped, the background color example is grouped)👇 Code example: export function
Read post
Qing
frontend
Integrating Open Graph Images in Vercel Platforms Starter Kit
In our visually-dominated digital landscape, Open Graph images are more than just aesthetic enhancements; they are crucial for making your web content stand out on social media platforms. Here is a preview of Open Graph image of a Quotion post: However, implementing them in Vercel platforms starter kit (multi-tenancy platform), can be a bit tricky
Read post
Qing
applenotes
Launch Your Blog from Apple Notes in 4 Simple Steps
Ever thought about turning your Apple Notes into a dynamic live blog? With Quotion, it's not only possible, but also surprisingly simple! In this tutorial, I'll walk you through the process of transforming your ideas jotted down in Apple Notes into engaging blog content using Quotion. TLDR 1. Sign up with Quotion First things
Read post