Show Dev: Next.js와 Cloudflare를 사용해 빠른 오프라인 계산기 허브를 만들었습니다

Source: Dev.to

Introduction

안녕하세요, 여러분! 저는 풀스택 엔지니어이며, 여러분과 마찬가지로 광고와 쿠키가 가득하고, 속도가 끔찍하게 느리며, 트래커가 넘쳐나는 “유틸리티” 웹사이트에 지쳤습니다.

그래서 qalc.ai 를 만들었습니다 — 사용자 경험을 진정으로 존중하는 깔끔하고 번개처럼 빠른 계산기 및 실용 도구 허브입니다. 첫 로드 이후 완전히 오프라인에서도 작동하고, 방해가 되는 팝업이 없으며, 하루 종일 닫아 둘 수 있는 작은 배너 광고 하나만 존재합니다.

원래는 저 스스로를 위해 대부분의 도구들을 만들었습니다 — 금융, 암호화폐, 일상적인 변환 작업을 하면서 계속해서 계산하거나 구글링하던 것들 말이죠. 시간이 지나면서 이것이 점점 늘어나는 계산기와 생산성 도구 모음이 되었고, 지금도 계속 확장하고 있습니다.

The Tech Stack 🛠️

• Frontend: Next.js (App Router) 를 사용한 SSR + ISR
• Styling: Tailwind CSS 와 shadcn UI
• Edge & SEO: Cloudflare 캐싱 + IndexNow 로 즉시 인덱싱
• Logic: 순수 TypeScript (무거운 백엔드 없이)

UX Philosophy

• 오프라인에서도 작동
• 잡다함 없음
• 짜증나는 광고 없음
• 추적 없음
• 입력 → 결과만 제공

I’d Love Your Feedback 🎤

기술적인 비판이나 건설적인 피드백을 정말로 환영합니다:

• Performance: 즉각적인 느낌이 드나요?
• UI/UX: 네비게이션이 명확한가요?
• Features: 가장 자주 구글링하는 계산기나 도구는 무엇인가요?

읽어 주셔서 감사합니다 — 즐거운 해킹 되세요! 🚀