I recentlly started to build an app with Next 14 and in my app, I need some text with a stroke. Unfortunately, the CSS stroke doesn’t work as I would like because it acts like an inner stroke so I created a custom component that overlays a text over the same text with a stroke, giving the appearance that the stroke is an outer stroke rather than an inner stroke.

I have a headless nextjs app with strapi on next 14 with the app router. I’m using output:export to statically export my app on ngnix server. I had some problems to generate the static files for the dynamic routes. I solved it by using a client component to fetch the product data, so I separated the logic into 2 files :