# Tansel Berkant Oflaz

> Tansel Berkant Oflaz is a full-stack developer from Ankara, Turkey with a frontend specialty: 4+ years of React, Next.js and TypeScript, building Naptar with React Native, Expo and Supabase, plus a curated archive of web development tools and posts.

Key facts:
- Role: Full-Stack Developer, frontend specialist (React, Next.js, TypeScript), 4+ years of professional experience since March 2022
- Currently: building Naptar, a calendar-first CRM for personal trainers (React Native, Expo, Supabase)
- Location: Ankara, Turkey
- Languages: Turkish (native), English (B2+), Spanish (A2+)
- Education: Physical Education and Sports, Ankara University (Erasmus+ at Universidad de León); Full Stack Developer program, Bilge Adam Akademi
- Contact: tanselberkant@gmail.com
- Profiles: https://github.com/tanselberkant, https://www.linkedin.com/in/tanselberkantoflaz/

## Pages

- [Research Archive](https://tanselberkant.dev/): curated collection of web development tools, libraries and resources
- [Projects](https://tanselberkant.dev/projects): products built end to end, including Naptar
- [Profile](https://tanselberkant.dev/profile): work experience, skills and current stack
- [Posts](https://tanselberkant.dev/posts): technical write-ups on Next.js and React
- [Full text for LLMs](https://tanselberkant.dev/llms-full.txt): everything above plus the full text of every post

## Projects

- [Naptar](https://tanselberkant.dev/projects#naptar): Calendar-first CRM for personal trainers. Product Owner & Full Stack Developer, 2026 – Present. Status: In App Store & Google Play review. Website: https://getnaptar.web.app. Stack: React Native, Expo, Expo Router, TypeScript, Supabase, TanStack Query, Zustand, NativeWind, RevenueCat, Sentry, i18next.

## Work experience

- Front End Developer, Siu Digital (June 2024 – March 2026, Ankara, Turkey (Hybrid)): Worked end-to-end on Recruspace, an AI-powered ATS with AI chatbots, automated candidate scoring and AI voice video interviews. Led the design-system migration from Material UI to shadcn/Tailwind, simplified server state with TanStack Query, and built an Nx monorepo that serves the same automation logic to n8n, Make and Zapier. Stack: Next.js, TypeScript, React Query, Shadcn UI, Nx Monorepo, n8n.
- Front End Developer, Gardiyan (February 2024 – June 2024, Ankara, Turkey (On-site)): Gardiyan (formerly Çekino) lets IT teams manage thousands of enterprise devices from one place. Built real-time, data-heavy features with WebSockets and REST APIs, and built and maintained the internal UI library, Karçin UI, to standardize components and speed up delivery. Stack: React.js, WebSocket, TypeScript, Next.js, SCSS.
- Front End Developer, Rexven (October 2022 – January 2024, Ankara, Turkey (Hybrid)): Developed SEO-optimized, responsive e-commerce applications and tools with Next.js and TypeScript. Converted Figma designs into modular, reusable React components, kept the UI consistent with Tailwind CSS and safeguarded component behavior with Jest unit tests. Stack: Next.js, React.js, TypeScript, Tailwind, Jest.
- Javascript Developer, Rexven (March 2022 – October 2022, Ankara, Turkey (On-site)): Refactored a stalled legacy Chrome Extension (profit tracking for Amazon/Etsy sellers) into a modular, maintainable JavaScript codebase, improving execution speed and unlocking new feature work. Built a Trendyol-specific version from scratch for cross-marketplace price comparison and contributed to Node.js backend services. Stack: JavaScript, Node.js, React.js, Chrome API, JQuery.

## Skills

Git, Next.js, React.js, Gatsby.js, JQuery, Express.js, MongoDB, BitBucket, Gitlab, Zeplin, Figma, Jira, Notion, Jest, Sanity CMS, Web Socket, Chrome Extension, Bootstrap, TailwindCSS, shadcn, @tanstack/react-query, Material UI, Nginx, Aws EC2, Yup, React Hook Form, Zod, StoryBook, TypeScript, React Native, Expo, Playwright, Prismic CMS, Supabase, PostgreSQL, Posthog, Apidog, Make.com, Sentry, Framer Motion, Jotai, Koa.js, Nx, Nest.js, Zustand, Redux, NativeWind, Expo Router, RevenueCat, n8n, Zapier, Claude Code

## Posts

- [Adding Visitor Count to Your Nextjs Website](https://tanselberkant.dev/posts/visitor-count-feature-in-nextjs) (2025-01-16): How to implement and display a dynamic visitor count feature on your website using Next.js and MongoDB.
- [Implementing Email Subscription and Automatic Email Sending in Next.js with MongoDB](https://tanselberkant.dev/posts/implementing-email-subscription-and-automatic-email-sending-in-next-js-with-mongodb) (2024-05-04): Next.js Server Actions and a custom MongoDB model to manage subscribers and use Nodemailer to send emails.
- [Setting Up Internationalization for Server Components in Next.js App Router](https://tanselberkant.dev/posts/setting-up-internationalization-for-server-components-in-next-js-13-app-router) (2023-09-12): Internationalization for Next.js 13 URL Localization Included
- [Rendering Code Blocks in a Next.js and Sanity Project](https://tanselberkant.dev/posts/rendering-code-blocks-in-a-next-js-and-sanity-project) (2023-07-21): How to render and copy code blocks using libraries such as @sanity/code-input and react-refractor
- [Visualizing GitHub Activity with React Activity Calendar](https://tanselberkant.dev/posts/visualizing-gitHub-activity-with-react-activity-calendar) (2023-06-20): How to display Github activities data
- [Implementing React Toastify in Real-life Applications](https://tanselberkant.dev/posts/implementing-react-toastify-in-real-life-applications) (2023-06-16): Simple Notifications with React Toastify: A Beginner Guide