Messages like this can make your day 🙂

🚨 Hey Indie Hackers, drowning in user feedback across all your side projects? Your feedback nightmare ends today.

Introducing ezFeedback, built by an indie hacker for indie hackers. Just 3 simple steps for each project to save hours and a lot of useless work. 👇

Behold the magic of design! From 'Before' (left) looking like it needs a hero to 'After' (right) where our hero section actually saves the day! 🦸‍♀️ How to improve it further?

Make your website multi-lingual. It broadens market reach, enhances user experience for non-English speakers, improves multi-lingual SEO.

And by the way seeing my website go multilingual feels amazing! 😀 Is it just me? 😅😅 Check out the demo!

#WebDevelopment #GlobalReach

LAUNCHING MY FIRST SaaS Today 🙂

After questioning myself a million times "will anyone even use this?" (then convincing myself "at least I'll use it for my own products
") and overthinking about how I need to improve xyz before launching, I'm finally launching ezLogo! 👇

Is it happening anytime soon, what do you think? 🙃

Deepseek took over much faster than I expected.

Don’t spend $200/month to access OpenAI Operator

There's a great open source project called Browser Use that is very similar (and has additional features as well)

Check it out here: github.com/browser-use/...

🚨 DeepSeek just changed the AI game

Their new model matches OpenAI o1's performance at 1/27th the cost ($2.19 vs $60 per million tokens) and it's fully open source!

#AI #LLMs #DeepSeek #OpenAI

We also don't want our app to be zoomable (how it is on browsers) for which add this in the layout.tsx

Add in this in your globals.css so what we hold down on a link we get a browser sort of view, this CSS line will make sure that doesn't happen.

Some additional tips.

For adding in installed PWA specific styling, you have to use standalone display mode, just like we use "sm:", "md:" (for small and medium screens), "standalone:" is used for standalone (display mode of installed PWA).
Check description of image for process

You would need to use packages like this to generate images for multiple devices/screens (icons and splash screens). These images then need to be referenced in the metadata in layout.tsx

Let's now go over very basics of implementing it.
1. Creating the Web App Manifest
Next.js provides built-in support for creating a web app manifest using the App Router. You can create either a static or dynamic manifest file:

create app/manifest.ts like in the picture:

No design skills? No coding? No problem! 21st .dev + AI tools = gorgeous websites in minutes. Here's a demo of using 21st .dev combine it with your favorite AI coder and make beautiful products fast!

Let me know if you want a detailed thread on leveraging this treasure.

#UIUX #WebDev #Frontend