erojas.devertek.io logo

Blogging at ertek.io

Ideas, code, and experiments.

ertek.io is my notebook on modern web development—short, practical posts about frameworks, performance, security, and data. Expect hands-on tutorials, breakdowns, and lessons learned from real projects.

NotificationSetting.jsx
import { useState } from 'react'
import { Switch } from '@headlessui/react'

function Example() {
  const [enabled, setEnabled] = useState(true)

  return (
    <form action="/notification-settings" method="post">
      <Switch checked={enabled} onChange={setEnabled} name="notifications">
        {/* ... */}
      </Switch>
      <button>Submit</button>
    </form>
  )
}

Main Topics

Everything related to web app development

Front-end and UX

Patterns for building responsive, accessible UIs in React, Next.js, Svelte, and Tailwind—plus component design, state, and UX.

Mobile friendly UI preview
Performance deep dives

Core Web Vitals, caching at the edge, data fetching strategies, and profiling techniques to keep apps fast and smooth.

Performance charts
Security and identity

Practical guides on auth flows, RBAC, OAuth2 and SAML SSO, session management, and secure defaults that do not get in the way.

Security illustration
APIs and integrations

Designing clear APIs and wiring up payments, analytics, and data backends—Neo4j, SQL, event streams, and AI services.

Code / API preview

Tech Stack