Publication
Next.js Rendering Techniques: How to Optimize Page Speed
https://www.toptal.com/developers/next-js/nextjs-rendering-types-page-speed-optimization
Subhakar is currently unavailable
Subhakar Tikkireddy
Verified Expert in Engineering
React Front-end Developer
Vijayawada, Andhra Pradesh, India
Toptal member since September 8, 2022
Bio
Subhakar is a highly skilled full-stack developer specialising in AI agent applications and UX optimization. His rich background spans crypto, media, internet, branding, marketing, game studios, and MVP builds for numerous startups. Specializing in the latest front-end stacks—React, Next.js, TypeScript, and React Native—he brings adaptability and proficiency in cutting-edge technologies and design patterns, ensuring the development of superior, high-speed, and user-friendly applications.
Portfolio
Microfox
TypeScript, AI SDK, Next.js, Tailwind CSS, OpenAI API, Redis...
CHUNKSHACKLE PTE. LTD.
React, Next.js, TypeScript, Front-end, Tailwind CSS, Web3, Blockchain...
Verneek
React, Node.js, Next.js, TypeScript, JavaScript, HTML, CSS, Scala...
Experience
- Node.js - 7 years
- JavaScript - 7 years
- React - 6 years
- Next.js - 5 years
- UI Design - 4 years
- TypeScript - 4 years
- Tailwind CSS - 4 years
- React Native - 3 years
Preferred Environment
React, Next.js, UI Design, TypeScript, React Native, Node.js, Tailwind CSS, AWS Lambda, Shadcn
The most amazing...
...projects I've created include an AI framework and SDKs for 100+ devs, UX-optimized Next.js apps, cross-platform apps, and a crypto app with 10,000+ investors.
Work Experience
Chief Engineer
2025 - PRESENT
Microfox
- Developed an AI Agent Framework for modular multi-agent systems, an alternative to LangGraph for the full-stack TypeScript community.
- Built coding agents capable of auto-building micro SDKs from a GitHub issue, resulting in over 30+ TypeScript SDKs with 2500+ average weekly installs.
- Developed a Research Agent similar to Perplexity using Next.js, AI SDK, AI Router, Shadcn, and Tailwind CSS.
- Created image editing agents capable of professional photography with in-built RAG, image analysis, and prompt expansion mechanisms.
Technologies: TypeScript, AI SDK, Next.js, Tailwind CSS, OpenAI API, Redis, Speech-to-Text (STT), Text-to-Speech (TTS), Artificial Intelligence (AI), Software Architecture, Technical Architecture, Project Management, Solution Architecture, Large Language Models (LLMs), Microservices, Project Coordination, Requirements Analysis, Technical Project Management, AI Automation, Browser Automation, Playwright, Radix UI, AI Integration, GitHub
Front-end Engineer
2024 - 2024
CHUNKSHACKLE PTE. LTD.
- Refactored a Turborepo to support modern tools like TailwindCSS, Viem, and Privy for a Base Chain dApp.
- Integrated token/coin exchange via Uniswap V3 protocol on a Next.js-based app along with token price calculation.
- Set up Web3 wallets, including integrating a smart wallet and injected wallet, restoring a private key-based wallet, ramping onboarding, and connecting social accounts via Privy.
Technologies: React, Next.js, TypeScript, Front-end, Tailwind CSS, Web3, Blockchain, Cryptocurrency, Vercel, Full-stack, Decentralized Exchanges (DEXs), Radix UI, GitHub
Full-stack Next.js Developer
2024 - 2024
Verneek
- Developed features for AI-based list curation, product rules, and AutoAttribute generation for an eCommerce RAG-based app.
- Improved the UX of 30+ pages in the dashboard, with smooth transitions and quick loads.
- Set up E2E tests with Cypress and Clerk authentication bypass. Wrote 20+ tests for entire app testing.
- Integrated REST API endpoints for gRPC-based core library. Typed with Zod and TypeScript.
- Added SVG-based analytics charts for merchandising dashboards based on time-sequenced data from SQL queries.
- Worked on socket-based streaming of AI-generated stories based on selected products.
Technologies: React, Node.js, Next.js, TypeScript, JavaScript, HTML, CSS, Scala, Machine Learning, AWS IAM, AWS Command Line Interface (CLI), Lexicata API, Protobuf, gRPC, SVG, OpenAI, PostgreSQL, Vercel, Full-stack, Tailwind CSS, Radix UI, AI Integration, GitHub
Full-stack Developer
2023 - 2024
BitcoinSKR
- Built and deployed a new Dapp for a fork-blockchain based on Bitcoin, with a full dashboard, exchange, wallet connection, etc.
- Implemented transaction explore with decoded transactions from Etherscan APIs.
- Implemented functionality for both non-custodial and custodial wallets, improving the effective user conversion rate and ease of sign-in.
Technologies: CSS, JavaScript, HTML, Cryptocurrency, React, Node.js, Blockchain & Cryptocurrency, Viem, Uniswap SDK, Etherscan API, Vercel, Tailwind CSS, TypeScript, Requirements Analysis, GitHub
Front-end Developer
2023 - 2023
BSGG Labs N.V.
- Developed and deployed a Next.js front-end application for Betswap, supporting coin migrations, bridging, exchange, and an investor dashboard, enhancing the user experience for a 10,000-strong user base.
- Expanded data insights by integrating CoinGecko API for current prices, market cap, FDV, TVL, and historical graphs, enriching the overall investor dashboard experience.
- Implemented a smooth and responsive migration widget, allowing users to seamlessly transition between chains, with approval and migration functionalities, resulting in increased user engagement.
- Established comprehensive testing procedures using Jest, the React Testing Library, and Cypress, ensuring robust code quality and reliability.
- Successfully set up NextAuth.js for message signing, enabling secure front-end authentication and authorization for wallet-related actions.
- Designed and implemented various dashboard components, including BSGG chart, GraphBox, and Tabs, providing users with insightful data representation.
- Enhanced the UI/UX by incorporating features like chain selectors, migration timers, and toast notifications, contributing to a more user-friendly interface.
- Integrated KyberSwap API for buy/sell functionalities, developing a KyberSwap Widget UI and ensuring accurate fetching of routes and conversion rates.
Technologies: React, Node.js, GraphQL, tRPC, Cryptocurrency, Blockchain, Next.js, Ethers.js, Redux, TypeScript, Cypress, Jest, React Testing Library, NextAuth.js, Vercel, Full-stack, Tailwind CSS, GitHub
Web3 Blockchain Developer
2023 - 2023
Asad Bangash
- Built a front-end blockchain-based application for a generative AI platform that can handle 10+ different models and generate over 999+ images per user per subscription (crypto-based).
- Strengthened security measures by introducing safety checks and monitoring the use of unsafe words to prevent illegal utilization of generative AI.
- Refactored an existing repository to align with client requirements, utilizing Vite, React, Tailwind CSS, and Redux for state management and custom hooks.
- Designed and implemented a responsive staggered grid layout for showcasing public posts of generated images.
- Integrated wallet connection and account subscription via smart contracts. Enhanced user security by validating subscription status and wallet identity through signing messages before initiating image generation.
Technologies: Blockchain, JavaScript, CSS, Node.js, React, TypeScript, Ethers.js, Cryptocurrency Wallets, Ethereum Smart Contracts, Text to Image, API Integration, Vercel, Full-stack, Web3.js, Tailwind CSS, GitHub
Full-stack JavaScript Developer
2023 - 2023
Spiffy AI, Inc.
- Refactored the entire repo, enhancing its maintainability, performance, code readability, and reduced boilerplate, making it more concise and expressive.
- Prevented memory leaks and improved the overall stability and performance of the application using robust code and standard practices.
- Successfully integrated AI-powered suggestions for Gmail Compose/Rely via manipulating the contentEditable DOM, akin to Grammarly, into the project.
- Implemented a smooth flow of information between injected scripts, background scripts, and browser extension popup pages.
- Integrated analytics of the browser extension usage via Twillio Segment and Mixpanel.
- Fixed broken UI on content pages where the injected script and React components were causing global styling issues.
- Worked on the intricate setup of dynamic communication with a back-end AI client and front-end keystroke events via WebSocket.
Technologies: TypeScript, JavaScript, Node.js, React, Next.js, Browser Plugins, Firebase, Chrome API, HTML DOM, WebSockets, Segment.io, Mixpanel API, Chakra UI, Material UI, Back-end, Conversions API, Vercel, Tailwind CSS, Chrome Extensions, Plugins, Chromium, GitHub
UI Engineer
2022 - 2023
Wagmi Competition
- Made the entire app functional with Redux, React, and Next.js as the base stack and a complete crypto wallet-based authentication system, including chain switching.
- Upgraded the user experience of the entire front end of a crypto startup with a better and more responsive design system and 15+ reusable primary modular components.
- Improvised many features (in both design and technical terms) and offered alternative solutions that impacted the targeted audience better.
- Integrated and set up Cloud Firestore (database) with email and Web3 wallet-signature-based authentication on the server.
- Built an HTML Canvas and SVG-based game to mark the coordinates of a scaled-down image. It is precise (with a magnifier) and responsive (touch and mouse cursor).
- Created scripts and an admin page for better micro-management of smart contract interactions, deployment to UI workflows, and read/write of a Firestore database.
- Created a smooth workflow for a multi-step transaction that requires an allowance from ERC20 and interaction on the main contract.
- Optimized the complete structure of the theme, primary components, and styling system (emotion.sh-based styled-components with MUI integration).
Technologies: React, Redux, User Interface (UI), Next.js, Material UI, Emotion Library, Firebase, Cloud Firestore, Smart Contracts, Styled-components, Google SEO, Back-end, Vercel, Technical Project Management, GitHub
Senior Front-end Developer
2021 - 2022
Cryptostamping
- Developed a Next.js Web3 platform for a utility protocol for NFTs, styled and functioning emulated in the model of OpenSea.
- Developed a React-based browser extension for NFT Auth and improvised the security of wallet connections and off-chain signing for Web3 dApps.
- Built a widget easy to customize and embed for third-party developers, turning their Web2 app into Web3 by simple integration.
- Worked on EVM chains (Ethereum, Polygon, Binance, AVAX) and smart contracts: calling methods, variables, and listening to transactions on the front end with Abis.
- Developed a blockchain explorer like Etherscan for all registered NFT collections and stampings.
- Led and coordinated a team of three developers in building, reviewing, and deploying all front-end application parts.
- Migrated the entire code repository of a Next.js app to TypeScript.
- Added unit tests for reusable Web3 components of the app, securing the code for future scale-ups.
Technologies: React, Next.js, Ethers.js, Cryptocurrency Wallets, Ethereum Smart Contracts, UI Design, Node.js, HTML5, CSS, JavaScript, Web Development, APIs, Responsive UI, User Interface (UI), Front-end Development, REST APIs, Single-page Applications (SPAs), HTML DOM, DigitalOcean, TypeScript, JSON, Responsive Web Apps, Front-end, Websites, Development, Prisma, IPFS, Chrome Extensions, Jest, Blockchain, MetaMask, Abis, Back-end, Vercel, Full-stack, Web3.js, Plugins, GitHub
Full-stack Developer
2020 - 2022
TheMoonDevs
- Developed a React Native mobile app that lets users connect or share links with strangers via a QR code and vice versa, scan them.
- Delivered a fantastic front end (React web app) for a multiplayer Unity 2D game that loads fast and feels smooth.
- Developed a Unity 3D game with the new input system, HDR pipeline, dynamic render effects, and a custom-built HTTP request handler.
- Integrated Google Cloud Text-to-Speech to a back-end REST API for a dynamic on-demand voice-over for a game.
- Built an AI-based educational React Native App similar to Duolingo.
Technologies: React, Next.js, React Native, WebGL, Unity, JavaScript, Express.js, Google Cloud, Text-to-Speech (TTS), QR Codes, Expo, Expo.io, Android, iOS, DigitalOcean, TypeScript, JSON, Responsive Web Apps, Front-end, Websites, Development, Unity2D, C#, Google Analytics 4 (GA4), Back-end, API Integration, Vercel, Full-stack, Twilio API, n8n, Software Architecture, Project Management, Google Cloud Platform (GCP), Project Coordination, Technical Project Management, GitHub
Front-end Developer and UX Designer
2020 - 2021
JingleFM
- Developed the front-end of a podcast search engine that can search over 2,000,000 titles with diverse filters, precise results, and swift search speed.
- Improved the page performance of server-rendered pages, which can be as fast as 100 milliseconds and page size as low as 72kb, while balancing the server load.
- Optimized the SEO for popular web crawler standards by implementing the structured JSON-LD format and dynamically creating sitemaps of the latest podcasts.
- Delivered a smooth and clutter-free UI that can handle large data sets in a single page using list virtualization and DOM manipulation.
- Developed a custom audio player similar to Spotify that generates dynamic waveforms of the voice pitch in the podcast.
- Produced complete documentation that includes app-level docs and code comments.
- Designed a complete mockup of the app with 20+ screens, 40+ design components, and 300+ design resources (icons, graphic art, and branding logo).
- Delivered a responsive web app for all screen sizes (mobile, tablet, laptop, TV) that supported all modern browsers (Chrome, Firefox, Edge, Brave, and IE11).
- Integrated Google Analytics for the overall web app metrics, with a custom-made reusable component that can be implemented for any project side products.
Technologies: React, Next.js, UI Design, SEO Tools, HTML5 Canvas, Node.js, HTML5, CSS, JavaScript, Web Development, APIs, Responsive UI, User Interface (UI), Front-end Development, REST APIs, User Experience (UX), Single-page Applications (SPAs), HTML DOM, Amazon Web Services (AWS), JSON, Responsive Web Apps, Front-end, Websites, Development, Google Analytics, Google SEO, Google Analytics 4 (GA4), Redis, GitHub
UI Designer
2019 - 2019
CrashAd
- Designed an interactive prototype with 20+ screens for an ads platform with Invision Studio.
- Built a design system with over 100+ independent mini-components.
- Wrote developer-friendly documentation for the design specifications and guidelines to follow for a proper responsive experience.
Technologies: Figma, Adobe Illustrator, Adobe After Effects, InVision Studio, User Interface (UI), User Experience (UX), GitHub
Front-end Developer
2017 - 2019
Freelance
- Built an AngularJS website for Sleets, a web app with black and white reading modes for book and novel excerpts.
- Developed a custom WYSIWYG editor for Sleets to write short stories and excerpts. I also created a custom image editor using HTML Canvas for their quote maker.
- Developed and deployed a native Android app for Sleets, readable on mobile devices, and stacked with Social Auth, reading modes, and custom views.
- Developed and deployed a native Android app for Tasteplore for rating movies on mobile devices. Stacked with Social Auth, unique rating UI, YouTube integration for trailers, poster-based palette-themed activities, memory clean-up, etc.
- Developed and deployed a native Android Game named Stitch, a unique dot-connecting puzzle game on mobile devices. Built the app with a custom ViewGroup.
- Developed a back-end REST API for a database of ships, ports, and mariners. Extracted data from CSV through automated scraping to fill the database.
- Developed and deployed a native Android app for Marinefy, for mariners to chat, track voyages, and explore ship details. Stacked with Social Auth, chat, GPS location tracking, AIS location tracking, and offline serviceability.
Technologies: Android, Java, Kotlin, AngularJS, HTML, CSS, JavaScript, Node.js, NGINX, Elasticsearch, MongoDB, Express.js, APIs, REST, HTML5 Canvas, XML, Web Development, React Native, Responsive UI, React, Next.js, HTML5, User Interface (UI), User Experience (UX), Front-end Development, REST APIs, HTML DOM, DigitalOcean, JSON, Responsive Web Apps, CSV File Processing, Google Play Store, Front-end, Websites, Development, RxJava, MVC Design, Amazon Web Services (AWS), Redis, GitHub
Experience
AI Router - TypeScript Agent Framework
https://docs.microfox.app/ai-router/introAn agent framework built to support building modular, composable multi-agent systems in full-stack web apps integrated with Next.js, AI SDK, replacing LangChain and LangGraph, with over 3+ full-scale web apps as template examples.
Micro SDKs for AI Applications
https://github.com/microfox-ai/microfox30+ TypeScript SDKs were built to support building AI agents faster and easier, with built-in coding agents capable of creating, maintaining, and debugging packages through GitHub issues and pull requests.
WagmiCompetition - A Web3 dApp Similar to BOTB
A Next.js based web3 app for a token-based gaming competition. As the front-end developer, I improved the UI design, user experience, page performance, web3 stuff like wallet connection, smart-contract-based payments, e-commerce functionality like cart, billing, and order, authentication, and cloud database via firebase, canvas, and SVG-based spot-the-ball game.
Migration Dashboard for Coin Holders
A Next.js front-end application for Betswap (a 10,000-strong user base), supporting coin migrations, bridging, exchange, and an investor dashboard. Data insights for current prices, market cap, FDV, TVL, and historical graphs enrich the overall investor dashboard experience.
JingleFM - Next.js Podcast Search Engine
A Next.js-based SSR app for a podcast search engine. I delivered a large-scale SSR app with up to two million pages with good SEO. The app focused heavily on page performance optimization, a smooth and interactive experience, and pixel-precise design execution.
Cryptostamping - Web3 Utility Platform for NFTs
A Next. js-based Web3 platform for an NFT utility protocol. I was the lead front-end developer and designer and delivered a secure and robust platform with the latest known stack and best practices. I worked on a suite of additional side products, including a blockchain explorer-styled registry scanner, a Chrome browser extension for secure wallet connections and signing, and an embed widget that third-party Web3 developers can use.
Education
2013 - 2017
Bachelor's Degree in Electrical Engineering
Indian Institute of Technology Patna - Patna, India
Skills
Libraries/APIs
React, Node.js, REST APIs, Web3.js, OpenAI API, Conversions API, Twilio API, Playwright, Socket.IO, WebRTC, HTML5 Canvas, WebGL, RxJava, Emotion Library, Chrome API, Segment.io, Mixpanel API, React Testing Library, Lexicata API, Protobuf, Etherscan API
Tools
Adobe After Effects, MetaMask, GitHub, Adobe Illustrator, Google Analytics, Notion API, n8n, Figma, NGINX, Expo, Expo.io, Prisma, Canvas, AWS IAM, AWS Command Line Interface (CLI), Shadcn, AI SDK, NPM, Notion
Languages
HTML5, CSS, JavaScript, HTML, TypeScript, C#, GraphQL, Java, Kotlin, XML, Scala
Frameworks
Next.js, React Native, Tailwind CSS, Redux, Unity, Express.js, Bootstrap, AngularJS, Jest, Unity2D, Material UI, tRPC, Cypress, gRPC
Paradigms
UI Design, REST, HTML DOM, Microservices, Requirements Analysis, UX Design, MVC Design, Search Engine Optimization (SEO)
Platforms
Amazon Web Services (AWS), DigitalOcean, Vercel, Blockchain, Decentralized Exchanges (DEXs), Google Cloud Platform (GCP), Android, iOS, Firebase, AWS Lambda
Storage
JSON, Redis, PostgreSQL, Elasticsearch, MongoDB, Google Cloud, Cloud Firestore, Amazon S3 (AWS S3)
Industry Expertise
Project Management
Other
APIs, Web Development, Responsive UI, User Interface (UI), Front-end Development, Single-page Applications (SPAs), Text-to-Speech (TTS), Responsive Web Apps, Front-end, Websites, Development, Chrome Extensions, API Integration, Full-stack, Speech-to-Text (STT), Artificial Intelligence (AI), Software Architecture, Technical Architecture, Solution Architecture, Large Language Models (LLMs), Technical Project Management, AI Automation, Radix UI, AI Integration, Leadership, SEO Tools, Ethers.js, Cryptocurrency Wallets, User Experience (UX), Google Play Store, Google SEO, Back-end, OpenAI, Project Coordination, Browser Automation, Plugins, Chromium, Software, Ethereum Smart Contracts, InVision Studio, QR Codes, CSV File Processing, IPFS, Smart Contracts, Styled-components, Google Analytics 4 (GA4), Browser Plugins, WebSockets, Chakra UI, Cryptocurrency, NextAuth.js, Text to Image, Progressive Web Applications (PWAs), Cloudflare, Abis, Automated Biometric Identification Systems (ABIS), Machine Learning, SVG, Blockchain & Cryptocurrency, Viem, Uniswap SDK, Web3
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