Adebiyi Adedotun, Developer in Lagos, Nigeria
Adebiyi is available for hire
Hire Adebiyi

Adebiyi Adedotun

Bio

Adebiyi is a front-end engineer who builds polished web interfaces and products—dashboards, marketing sites, and web applications—where the look, feel, and performance matter. He has worked at startups, mid-sized companies, and enterprise organizations across fintech, logistics, healthtech, and cloud infrastructure, owning features end-to-end. He has been published on Smashing Magazine, CSS-Tricks, and LogRocket.

Portfolio

Prezly
Next.js, TypeScript, SCSS, Tailwind CSS, i18n, Figma, Claude Code, Shadcn UI...
Macrometa Corporation
JavaScript, React, User Interface (UI), Sanity Studio, Semrush, SEO Tools...
HatchPath
HTML, CSS, JavaScript, React, Next.js, Vercel, Algolia, Tailwind CSS, date-fns...

Experience

  • JavaScript - 6 years
  • React - 5 years
  • Next.js - 5 years
  • TypeScript - 4 years
  • CSS - 4 years
  • Front-end - 4 years
  • Shadcn UI - 3 years
  • Tailwind CSS - 3 years

Preferred Environment

Figma, Slack, GitHub, Linear, PostHog, Sentry, Claude Code, GitKraken, MacOS

The most amazing...

...thing I've created is a logistics dashboard with 50+ forms, 40+ data tables, i18n across four languages, and RTL support for languages such as Arabic.

Work Experience

Next.js Developer

2025 - 2026
Prezly
  • Modernized 10+ custom newsroom sites for global enterprise clients across aviation, logistics, and healthcare industries.
  • Implemented i18n across newsrooms supporting 50+ languages, including RTL layout for right-to-left scripts.
  • Delivered UI and layout updates from Figma designs to production across independently themed client sites.
  • Worked across a Next.js stack integrated with Prezly's proprietary CMS, maintaining consistency across independently themed client sites.
Technologies: Next.js, TypeScript, SCSS, Tailwind CSS, i18n, Figma, Claude Code, Shadcn UI, Sentry, Linear, API Integration, Artificial Intelligence (AI)

Front-end Engineer

2024 - 2025
Macrometa Corporation
  • Rebuilt Macrometa.com with minimal disruption to the existing Sanity CMS content model and editorial workflow.
  • Owned all front-facing Macrometa websites, including the main marketing site, product demos, and campaign landing pages.
  • Developed targeted landing pages for product lines, including virtual waiting rooms and eCommerce readiness assessments.
  • Managed technical SEO across all public properties using Semrush, improving site structure and search visibility.
  • Ran A/B tests on key landing pages to optimize conversion and user engagement.
Technologies: JavaScript, React, User Interface (UI), Sanity Studio, Semrush, SEO Tools, TypeScript, Headless CMS, A/B Testing, Figma to React, Tailwind CSS, Next.js, API Integration

Front-end Engineer

2023 - 2023
HatchPath
  • Built a virtual health coaching marketplace enabling clients to book sessions, meet via video call, and pay through Stripe.
  • Developed a Calendly-style scheduling feature allowing clients to book coaches based on real-time availability.
  • Built an in-house video calling feature with Twilio, including a countdown timer and video mirroring, avoiding significant third-party licensing costs.
  • Designed and developed a reusable, responsive component library covering cards, forms, modals, and search across the product.
  • Worked in a team of five, owning core product features end-to-end from design handoff to production deployment.
Technologies: HTML, CSS, JavaScript, React, Next.js, Vercel, Algolia, Tailwind CSS, date-fns, Formik, TypeScript, GitLab, Stripe, Authorization, Authentication, User Interface (UI), Dashboards, Figma to React, Figma, Twilio, API Integration

Lead Front-end Engineer

2022 - 2022
Ceviant
  • Led the front-end team on a UK/Nigeria fintech product, including hiring, onboarding, and managing other engineers.
  • Architected a session-based authentication system with public, protected, and private routing, 2FA, idle timeout, and browser fingerprinting.
  • Built a comprehensive design system with reusable components—select, table, calendar, input, tag, button—using styled-components.
  • Implemented URL-based state persistence for table pagination and filters, ensuring consistent UX on refresh and link sharing.
  • Integrated Flatfile for large-scale data ingestion and Formik for unified form management across the dashboard.
  • Authored transactional HTML emails for login, signup, and password reset flows using MJML.
Technologies: React, JavaScript, HTML, CSS, Styled-components, Framer Motion, Formik, Next.js, FlatFile, Fingerprint.js, SWR, Figma, D3.js, Vercel, Authentication, Authorization, TypeScript, Data Visualization, Dashboards, API Integration

Developer Advocate

2021 - 2022
Edgio
  • Rebuilt the Layer0/Edgio developer documentation site in Next.js and MDX, with Algolia search, syntax highlighting, and a custom recursive navigation component.
  • Wrote and reviewed technical content, including blog posts, guides, and documentation covering web performance and supported technologies.
  • Coordinated e-book production with engineering contributors from Algolia, Cloudinary, Uniform, and Vue Storefront on Core Web Vitals topics.
  • Managed a developer community across forums and social platforms, triaging issues and announcing product updates.
Technologies: Next.js, React, Tailwind CSS, Styled-components, Figma, Vercel, TypeScript, Technical Writing, Technical Documentation, Figma to React, Material UI, API Integration

Front-end Engineer

2019 - 2021
Kobo360
  • Rebuilt the customer and partner dashboards from the ground up, improving performance, maintainability, and stability across the platform.
  • Implemented 50+ form components using Formik and Yup, covering the full range of data entry needs across the logistics platform.
  • Built 40+ table components with URL-based pagination and filtering, ensuring state persisted across page refreshes and shared links.
  • Replaced Redux with React Context API for state management, reducing complexity and onboarding friction for the team.
  • Internationalized both dashboards into four languages with RTL support for right-to-left scripts using CSS logical properties.
  • Created new HTML email templates with a unique design that prioritized structure and data visibility.
Technologies: JavaScript, HTML, CSS, Next.js, Styled-components, React Router, Formik, HTML Email, User Interface (UI), Dashboards, Internationalization, i18n, React, TypeScript, API Integration

Front-end Engineer

2019 - 2019
WiseLead Company
  • Designed and built the complete dashboard for Microsoft Excel Club using React, Styled-components, and Azure DevOps.
  • Refactored landing pages from static HTML/JavaScript templates into React applications.
  • Built HTML email templates for authentication flows, including login, logout, forgot password, and password reset.
Technologies: HTML, CSS, JavaScript, React, Styled-components, Formik, API Integration

Experience

Landing Pages for VIZZ

https://www.vizz.com/
I work part-time as a front-end engineer on the VIZZ landing pages, the primary web product for Lenz Therapeutics, a clinical-stage pharmaceutical company. I maintain and develop features using Vue.js and Sanity CMS, oversee technical SEO across the product, and manage Google Analytics instrumentation to inform product decisions.

Custom Newsroom Themes

https://www.prezly.com/
I helped update and modernize 10+ custom newsroom sites for Prezly's clients, including a global airline, a logistics company, and healthcare organizations. Working from Figma designs, I delivered UI and layout updates, implemented internationalization supporting 50+ languages, and added RTL layout support for right-to-left scripts. Each newsroom ran on a shared Next.js stack integrated with Prezly's proprietary CMS, with distinct branding and content requirements per client.

A Personal Bookmark Manager

This is an app I'm building to solve a real workflow gap—existing tools were either too heavy or stateless. It lets me save links, automatically capture metadata, mark items as read, and organize by topic, actively dogfooding and iterating.

New Yorker Magazine's Store Clone

https://nyk-store-clone.vercel.app/
A pixel-accurate clone of the New Yorker Magazine's store, built as a UI study. I rebuilt the layout, typography, and interactions from scratch to sharpen my eye for detail and understand how high-quality eCommerce interfaces are constructed. Built with React, Next.js, and Tailwind CSS.

Marketing Pages for Macrometa

https://www.macrometa.com/
I owned all front-facing websites for Macrometa, a data infrastructure and edge computing platform. This included rebuilding Macrometa.com with minimal disruption to the existing Sanity CMS content model, developing campaign landing pages for product lines, including virtual waiting rooms and eCommerce readiness assessments, managing technical SEO with Semrush, and running A/B tests to optimize conversion on key pages.

Clone of The Atlantic's "The Great American Novels"

https://atlantic-great-american-novels.vercel.app
This project is an educational attempt to recreate and pay homage to the excellent work published in The Atlantic article titled "The Great American Novels." I created it as a technical exercise to demonstrate web development skills and to explore interactive ways of presenting literary content.

Marketing Site and Dashboard Application for Ceviant Finance

https://www.ceviant.co/
I led the front-end team that built the marketing site (landing pages, blog, newsletter, etc.) and customer dashboard. I architected and created the authentication and authorization flow with features such as 2FA, idle timeout, and browser fingerprinting. I also built the dashboard layout by coordinating with the designers on Figma. I created a robust design system with Storybook. The components developed included buttons and tables, form inputs, specific functionalities, and design using the overriding pattern. I also worked on collecting large datasets with Flatfile, unifying forms with Formik, and elevating the state to the browser URL for UI state persistence across different aspects, like tables (when filtered, paginated, or on page refresh). I also wrote several HTML emails with MJML.

Website for a Media Company

https://theseptum.com
The Septum is a media and publication company. I built and am building the website with Remix, Tailwind CSS, and Sanity.io (a headless content management system). It is mobile responsive and works with a staging and production environment.

Dashboard for a Virtual Health Coaching Marketplace

https://hatchpath.io
HatchPath is a virtual health coaching marketplace where clients can book sessions with coaches, meet via video calls, and facilitate payments through Stripe. In a small team of five, I worked as an engineer and developed core features like a Calendly-like calendar that allows clients to schedule meetings with a coach during their available date and time, reusable and responsive components for cards, forms, search, etc., in-house video calling with features like a countdown timer and video mirroring, helping keep the product's core in-house and avoiding the enormous external cost of purchasing.

Education

2013 - 2017

Bachelor's Degree in Computer Science

University of Ilorin - Ilorin, Nigeria

Certifications

SEPTEMBER 2023 - PRESENT

The Joy of React

Josh W Comeau

SEPTEMBER 2023 - PRESENT

Type Transformations

Matt Pocock

AUGUST 2023 - PRESENT

CSS for JavaScript Developers

Josh W Comeau

OCTOBER 2020 - PRESENT

Master Gatsby

BosType Inc

MARCH 2020 - PRESENT

MERN Stack Front To Back: Full Stack React, Redux & Node.js

Udemy

JULY 2019 - PRESENT

The Modern GraphQL Bootcamp (with Node.js and Apollo)

Udemy

JANUARY 2019 - PRESENT

Beginner JavaScript

Bostype Inc

OCTOBER 2018 - PRESENT

Advanced React and GraphQL

Bostype Inc

Skills

Libraries/APIs

React, React Router, Formik, Framer Motion, REST APIs, D3.js, Stripe, Vue

Tools

Slack, Git, GitHub, Figma, GitLab, Prisma, Sentry, Shadcn UI, TanStack Router, Claude Code, Drizzle ORM

Languages

JavaScript, HTML, CSS, TypeScript, Markdown, MDX, SCSS

Frameworks

Next.js, Chrome, Tailwind CSS, Remix, Material UI

Paradigms

REST, Responsive Web Design (RWD), Unit Testing

Platforms

Firefox, Safari, MacOS, Visual Studio Code (VS Code), Web, Sanity Studio, Vercel, PostHog, Algolia, Twilio

Industry Expertise

Web Design

Storage

FlatFile, PostgreSQL

Other

Styled-components, SWR, Front-end, User Interface (UI), UI Development, Web Development, Figma to React, Computer Aided Software Engineering, HTML Email, Authentication, Content Management Systems (CMS), CI/CD Pipelines, Responsive Web Apps, APIs, Technical Writing, Technical Documentation, Data Visualization, Dashboards, SVG, i18n, Supabase, Headless CMS, API Integration, Artificial Intelligence (AI), BaseUI, Linear, TanStack Start, Resend, Fingerprint.js, Base UI, Authorization, GitHub Actions, date-fns, GitKraken, Headless Software, Internationalization, User Experience (UX), Semrush, SEO Tools, A/B Testing, Convex DB, TanStack Form, TanStack Virtual, NeonDB, Software Engineering, Turborepo, Railway

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring