Available for select projects
Crafting codewith a taste of experience
Hi, I’m Salar — a Senior Front-End Developer. I used to write code; now I mostly tell Claude what to write and review its work — patiently waiting for the day it stops needing me to do even that.
React · Next.js · TypeScript
const developer = {name: "Salar Sari Navaii",role: "Senior Front-end Developer",stack: ["React", "Next.js", "TypeScript",],focus: "performance & data viz",location: "Remote",};// currently building at CybernoSelected work
Projects
A selection of public work from 40+ shipped projects — nationwide platforms, private BI dashboards, and e-commerce builds.
Empire Club of Canada
Built a member platform for one of Canada's oldest and most distinguished speakers' forums, enabling members to renew memberships, access exclusive information, and purchase or reserve event tickets.
DeadInv
Built an e-commerce marketplace for roofing and flooring materials, connecting buyers and sellers with listing, checkout, and promotional pricing — structured to grow into broader building-products categories.
Platin Agency
Frontend work on Platin's marketing website and related digital deliverables — responsive pages, campaign and service sections, and iterative releases while working with design and communications on an agency that handles branding, campaigns, and client projects at scale.
Toolbox
Technical skills
The languages, frameworks, and practices I reach for when building production interfaces.
Languages
05- JavaScript (ES6+)
- TypeScript
- HTML5
- CSS3
- SCSS
Frameworks & Libraries
08- React
- Next.js
- Tailwind
- Mantine
- TanStack Query
- Zustand
- React Hook Form
- Zod
Data Visualization
04- Recharts
- Highcharts
- Multi-source charts
- Real-time rendering
Tools & Platforms
08- Git
- ESLint
- Husky
- Prettier
- REST APIs
- GraphQL
- CI/CD
- Agile / Scrum
Testing & Quality
04- Jest
- Cypress
- React Testing Library
- Cross-browser compatibility
Performance
05- SSR / SSG
- Code splitting
- Lazy loading
- Performance budgets
- Core Web Vitals
Internationalization
04- next-intl
- i18next
- RTL support
- Multi-locale content
Design & Accessibility
04- WCAG
- Component-driven design
- Figma
- UI/UX principles
Legacy
02- Bootstrap
- jQuery
Writing
Latest articles
Notes on React, Next.js, modern CSS, and the parts of front-end work that are easy to miss.
What Web Design Actually Looks Like in Late 2026
Which trends made it into production this year, which are still stuck on award sites, and the CSS that separates the two.
CSS Subgrid: When Nested Layouts Finally Line Up
Subgrid lets a nested element share its parent's tracks. Where that saves markup, where the model bends, and what the fallback costs.
Better Headlines Without JavaScript: text-wrap: balance and pretty
Two CSS declarations that fix stranded headline words and orphaned paragraph endings. When each one helps, and when it makes things worse.
View Transitions: Animate Between Pages Without an Animation Library
How the View Transitions API works, what the pseudo-elements give you, and the two mistakes that make it look broken.
Background
About me
A front-end lead with 40+ shipped projects across dashboards, platforms, and customer-facing products.
More about meCyberno
Aug 2026 – PresentSenior Front-End Developer
- Building front-end interfaces for Cyberno's cybersecurity products and services.
- Collaborating with product and engineering teams to deliver responsive, accessible user experiences.
OverC
Part-time - Remote | Jan 2026 – Aug 2026Senior Front-End Developer
- Designed and delivered high-performance, multi-source BI dashboards for global and local clients using Next.js, Recharts, and Highcharts, supporting complex real-time data flows across 5+ integrated sources.
- Architected frontend solutions with SSR, TanStack Query caching, and lazy loading strategies, targeting sub-2s load times and measurable Core Web Vitals improvements across all client deliverables.
- Implemented i18next-based internationalization with full RTL support, enabling product delivery to both Persian and English-speaking markets from a single codebase.
Dornica
Full-time - On-site | Jun 2021 – Jan 2026Front-End Tech Lead | Oct 2021 – Jan 2026
- Defined and enforced organization-wide frontend standards — including ESLint configs, Prettier, Husky Git hooks, branching workflows, and component patterns — adopted across all projects and CI/CD pipelines.
- Architected a national-scale executive BI dashboard integrating multiple REST APIs — featuring KPI cards, geo maps, filterable tables, and Recharts visualizations; achieved <2s load time via Next.js SSR and TanStack Query caching.
- Established a component library with 10+ reusable modules built with Mantine and React, reducing estimated development time for new dashboards by ~30%.
- Migrated UI styling approach from Bootstrap to Tailwind CSS across new projects, standardizing design tokens and reducing custom CSS overhead.
- Onboarded and mentored 10+ junior developers and interns through a structured 3-month training program covering HTML, CSS, SCSS, Bootstrap, JavaScript, and jQuery, with 5+ promoted to mid-level roles.
UI Designer & Front-End Developer | Jun 2021 – Oct 2021
- Built 20+ responsive interfaces from design mockups using Bootstrap and JavaScript for CMS platforms, internal dashboards, and specialized client websites.
Platin Agency
Part-time - Remote | Dec 2023 – Dec 2025Front-End Developer
- Independently led frontend development for end-to-end implementation and successful delivery of diverse client web solutions.
- Designed and launched the agency's flagship website, prioritizing SEO best practices and performance optimization.
- Developed and shipped multiple campaign microsites for Nazari Cake, maintaining cohesive brand identity and seamless mobile experiences.
Contact
Let’s build something that ships.
Have a product, dashboard, or front-end problem worth solving? I’m open to select collaborations and consulting work.