Tag
4 posts with 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
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
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
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