Publication
Next.js Rendering Techniques: How to Optimize Page Speed
https://www.toptal.com/next-js/nextjs-rendering-types-page-speed-optimization
Subhakar is available for hire
Hire SubhakarSubhakar Tikkireddy
Verified Expert in Engineering
React Front-end Developer
Location
Vijayawada, Andhra Pradesh, India
Toptal Member Since
September 8, 2022
Subhakar is a highly skilled front-end developer specializing in user experience and performance optimization. With a rich background spanning 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
BSGG Labs N.V.
React, Node.js, GraphQL, tRPC, Cryptocurrency, Blockchain, Next.js, Ethers.js...
Asad Bangash
Blockchain, JavaScript, CSS, Node.js, React, TypeScript, Ethers.js...
Spiffy AI, Inc.
TypeScript, JavaScript, Node.js, React, Next.js, Browser Plugins, Firebase...
Experience
Availability
Full-time
Preferred Environment
React, Next.js, Redux, UI Design, TypeScript, React Native, Progressive Web Applications (PWA), DigitalOcean, Cloudflare, Amazon S3 (AWS S3)
The most amazing...
...projects of mine include cross-platform PWAs, React Native apps, an AI-powered browser extension, a crypto web app for 10,000+ investors, etc.
Work Experience
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
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
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
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
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, Web3.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 (SPA), HTML DOM, DigitalOcean, TypeScript, JSON, Responsive Web Apps, Front-end, Websites, Development, Prisma, IPFS, Chrome Extensions, Jest, Blockchain, MetaMask, Abis, Back-end
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.
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, Back-end
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 (SPA), HTML DOM, Amazon Web Services (AWS), JSON, Responsive Web Apps, Front-end, Websites, Development, Google Analytics, Google SEO, Google Analytics 4
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)
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)
Experience
WagmiCompetition - A Web3 Dapp similar to BOTB
https://testnet.wagmicompetition.comA 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.
Cryptostamping - Web3 Utility Platform for NFTs
https://cryptostamping.orgA 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.
JingleFM - Next.js Podcast Search Engine
https://karcreativeworks.com/jingle-fm-webappA 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.
Education
2013 - 2017
Bachelor's Degree in Electrical Engineering
Indian Institute of Technology Patna - Patna, India
Skills
Languages
HTML5, CSS, JavaScript, HTML, TypeScript, C#, GraphQL, Java, Kotlin, XML
Frameworks
Next.js, React Native, Redux, Unity, Express.js, Bootstrap, AngularJS, Jest, Unity2D, Material UI, Cypress
Libraries/APIs
React, Node.js, REST APIs, Web3.js, Socket.IO, WebRTC, HTML5 Canvas, WebGL, RxJava, Emotion Library, Chrome API, Segment.io, Mixpanel API, React Testing Library
Tools
Adobe After Effects, MetaMask, Adobe Illustrator, Google Analytics, Figma, NGINX, Expo, Expo.io, Prisma, Canvas
Paradigms
UI Design, REST, HTML DOM, UX Design, MVC Design, Search Engine Optimization (SEO)
Platforms
DigitalOcean, Amazon Web Services (AWS), Blockchain, Android, iOS, Firebase
Storage
JSON, Elasticsearch, MongoDB, Google Cloud, Cloud Firestore, Amazon S3 (AWS S3)
Other
Web Development, Responsive UI, User Interface (UI), Front-end Development, Single-page Applications (SPA), Responsive Web Apps, Front-end, Websites, Development, SEO Tools, Ethers.js, Cryptocurrency Wallets, User Experience (UX), Google Play Store, Google SEO, Back-end, Leadership, Software, Ethereum Smart Contracts, InVision Studio, APIs, Text to Speech (TTS), QR Codes, CSV File Processing, IPFS, Chrome Extensions, Smart Contracts, Styled-components, Google Analytics 4, Browser Plugins, WebSockets, Chakra UI, tRPC, Cryptocurrency, NextAuth.js, Text to Image, Progressive Web Applications (PWA), Cloudflare, Abis, Automated Biometric Identification Systems (ABIS)
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