Tag
5 posts with the tag engineering
Qing
Engineering
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
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
Engineering
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
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
Engineering
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