Ozan

👏

How to Keep Chat Scroll Stable While Loading Older Messages What You Need to Know to Keep Scroll Stable in react-infinite-scroll-component

While building the Inbox, I ran into a tricky inverted scroll issue.

The fix is simple but effective:

flex-direction: column-reverse
inverse=true
Adjust scroll slightly

✅ Result:

stable scroll
correct order
smooth UX

Full breakdown:
👉 tech.ikas.com/how-to-keep-...

#buildinpublic

Sponsorship Support open source work and projects through sponsorship. Every contribution helps me create better tools and content for the community.

🌪️ Sponsorship Page is Live
A small thank-you wall for the kind folks supporting my work.

Now listing GitHub Sponsors + Buy Me a Coffee supporters.
Goal: 10 supporters — let’s see if I can get there 🤞

→ www.shsf.work/sponsorship

🤎 Thanks for the support!

#buildinpublic #indiehackers #opensource

Explore Our New Bookmarks Hub

Discover curated open-source projects, repositories, and tools — all in one place.

We've also highlighted open-source repositories our team contributed to as part of our mission to grow and give back to the community.

#buildinpublic #opensource

↓↓↓

Blog Stay updated with the latest news, tutorials, and insights from the world of web development.

Just published 3 new technical guides to help you ship faster with Next.js, Notion API, Raindrop API, and Contentlayer:

→ at @shsf.work, check it out: shsf.work/blog

#buildinpublic #indiehackers #opensource

How to Integrate Google Authentication with Supabase in Next.js A production-ready authentication system built with Next.js and Supabase featuring Google OAuth integration.

New blog — from SHSF Work
Fresh drops for indie hackers & devs who ship.

✦ Blog is now live
→ Full codebase available via the footer.

✦ First post:
How to Integrate Google Authentication with Supabase in Next.js

author: @ozantek.in

#buildinpublic #opensource

www.shsf.work/blog/nextjs-...

⚡

GitHub - SHSFWork/content-collections-nextjs-blog-starter-kit: A minimal, scalable, and production-ready starter kit for building blog-based websites using Next.js App Router, Contentlayer, TypeScript... A minimal, scalable, and production-ready starter kit for building blog-based websites using Next.js App Router, Contentlayer, TypeScript, Tailwind CSS, and Shadcn UI. - SHSFWork/content-collection...

✦ Next.js Blog Starter Kit
A minimal, scalable, production-ready template.

❍ Powered by Contentlayer (Markdown/MDX)
❍ Tailwind CSS & Shadcn UI components
❍ Code blocks with one-click copy
❍ Open Graph image support

Explore: github.com/SHSFWork/con...

#buildinpublic #open-source

If you're into open-source and prefer building over consuming, you're in the right place. 🤎

We build. We share. In the open.👇

GitHub - SHSFWork/raindrop-nextjs-bookmark-starter-kit: A sleek, modern bookmark manager powered by Raindrop.io API and built with Next.js 15 (App Router), TypeScript, Tailwind CSS, and ShadCN UI comp... A sleek, modern bookmark manager powered by Raindrop.io API and built with Next.js 15 (App Router), TypeScript, Tailwind CSS, and ShadCN UI components. - SHSFWork/raindrop-nextjs-bookmark-starter-kit

Open-source starter kit

Highlights:
✦ Raindrop[.]io collections & bookmarks
✦ Built with Next.js 15, App Router & TypeScript
✦ Styled using Tailwind CSS & ShadCN UI
✦ Dark/Light mode toggle
✦ Responsive, auto-refreshes hourly

github.com/SHSFWork/raindrop-nextjs-bookmark-starter-kit
#buildinpublic

GitHub - SHSFWork/notion-nextjs-waitlist-starter-kit: This is a modern waitlist application built with Next.js App Router, TypeScript, Tailwind CSS, and ShadCN UI. It seamlessly integrates with the No... This is a modern waitlist application built with Next.js App Router, TypeScript, Tailwind CSS, and ShadCN UI. It seamlessly integrates with the Notion API to store waitlist signups in a Notion data...

github.com/SHSFWork/not...

Starter Kits Browse a selection of fully built starter kits designed to kickstart your projects.

NotionWaitlist — Open-source starter kit.

Highlights:
✦ Built with Next.js 15, App Router & TypeScript
✦ Tailwind CSS & ShadCN UI styling
✦ Seamless Notion API integration
✦ Zod + React Hook Form validation
✦ Fully responsive & toast-powered

Explore: www.shsf.work/starter-kits

#buildinpublic

Code and study with me #32 | coffee break, 6-hour YouTube video by Ozan Tekin

Today marks 1 month since I started going live every day.

Here’s the 1-month report:
🟢 31 livestreams
⏱️ 134 hours of deep work

It started as an experiment.
Now it’s part of my routine.

And right now, I’m live for the 32nd session.

Come say hi 👇

www.youtube.com/watch?v=v9Md...

#buildinpublic

Starter Kits Browse a selection of fully built starter kits designed to kickstart your projects.

Building SHSF Work into the go-to hub for open-source starter kits.
Stay tuned 2/3. 👇

www.shsf.work/starter-kits

#buildinpublic #opensource

Boilerplates EDiscover a collection of pre-configured boilerplates to speed up your development process.

🌪️ Building SHSF Work into the go-to hub for open-source boilerplates.

Stay tuned 1/3. 👇

www.shsf.work/boilerplates

#buildinpublic #opensource #indiehackers

🌪️🌪️

🔥 Turning shsf.work into a home for open-source starter packs.

Stay tuned — it's just getting started. 👇
🔗 github.com/shsfwork

#buildinpublic #opensource #indiehackers

Next.js with Supabase Google Login: Step-by-Step Guide A production-ready authentication system built with Next.js and Supabase featuring Google OAuth integration.

🔐 Google Auth & Supabase Integration

This guide covers setting up Google OAuth, securing routes with Next.js middleware, and managing sessions with Supabase. The open-source repo is available to explore and build on.

🧭 Read the guide: ozantekindev.medium.com/next-js-with...

#buildinpublic

Session 2 is live.

🔴 www.youtube.com/watch?v=KeJ3...

#buildinpublic #indiehackers

Code and study with me #29 | coffee break, 8-hour YouTube video by Ozan Tekin

Day 29 of Code & Study With Me — but this one’s different.

Today, I’m running a solo hackathon:
→ Two livestreams — 8 hours each
→ 5 clear goals
→ No distractions

Just me, the code, the rhythm — and coffee.

🔴 Live: www.youtube.com/watch?v=_AKi...

#buildinpublic #indiehackers

new section 🌪️

#buildinpublic #indiehackers

Just pushed the home/products and product details pages.
Also added some fresh content for the unarkhive project.
And yep — it’s live now 🚀

🔗 Live: shsf.work
📂 Repo: github.com/shsfwork/shsfwork-landing

#buildinpublic #indiehackers

congrats 🎉

haha, I love making little connections like this 😄

New update 👇

#buildinpublic #indiehackers

Code and study with me #28 | coffee break, 7-hour YouTube video by Ozan Tekin

Code and study with me 🙋‍♂️

www.youtube.com/watch?v=DIIJ...

#buildinpublic

congrats 🎉

Had to shift focus due to an unexpected project, but I’m back on track. Let’s pick up where we left off.

Here’s a quick look at the Products section on the landing page👇

#buildinpublic #indiehackers

congrats 🎉. It’s a tough transition, good luck :D

I’ve decided to make this project open-source. Feel free to check it out on the repo below 👇

github.com/shsfwork/shs...

#buildinpublic #indiehackers