Door categorieën bladeren
Ontdekken
Fiverr Pro
Nederlands
$
USD
Ik zet Figma om naar next js, react en Tailwind CSS
Fritz M
Over deze dienst
Automatische vertaling
Wil je je verbluffende Figma-ontwerpen omzetten in een razendsnelle, productieklare webapplicatie? Je hebt de juiste gig gevonden.
Ik ben gespecialiseerd in het bouwen van high-performance frontends met Next.js, React en Tailwind CSS. Ik schrijf schone, toegankelijke en zeer semantische code die je ontwerp vertaalt naar een pixel-perfecte, responsive digitale ervaring.
️ De tech stack
- Framework: Next.js (App Router / Pages Router) & React
- Styling: Tailwind CSS (utility-first, zeer onderhoudsvriendelijk configuratie)
- Interactie: Framer Motion / CSS Transitions (voor soepele animaties)
- Optimalisatie: Next.js Image Component, Font Optimization, SEO Meta Tags
Waarom met mij werken?
- Pixel-perfect nauwkeurigheid: Je gecodeerde site zal er precies uitzien als je Figma mockup.
- Prestaties voorop: Grote focus op SEO, toegankelijkheid en 90+ Lighthouse scores.
- Schone code-architectuur: Componentgerichte structuur die later eenvoudig schaalbaar is voor backend integratie.
- Uitstekende communicatie: Transparante, regelmatige updates gedurende de ontwikkelingscyclus.
BELANGRIJK: LEES DIT VOORDAT JE BESTELT
Stuur me een bericht met je Figma/ontwerp link VOORDAT je een bestelling plaatst. Elke projectstructuur is uniek.
Maak kennis met Fritz M
Fritz M
Frontend Developer
- Afkomstig uitFilippijnen
- Lid sindsapr 2023
- Gem. reactietijd1 uur
Talen
Tagalog, Engels
Frontend Developer with extensive enterprise experience building scalable web applications, responsive interfaces, and high-performance interactive experiences. Deep technical expertise in React, TypeScript, and modern JavaScript (ES6+), supported by cross-platform proficiency in React Native. Proven track record of architecting complex state systems, integrating RESTful APIs, and leveraging AI-assisted development tools to accelerate software delivery, optimize code quality, and scale frontend productivity across web, mobile, and interactive canvas environments.
Automatische vertaling
Veelgestelde vragen
Automatische vertaling
Bied je de website UI/UX ontwerp aan in deze gig?
Nee, ik bied geen UI/UX ontwerpservices aan in deze gig. Je moet het definitieve ontwerpbestand aanleveren (Figma, Adobe XD of Sketch). Mijn taak is om als jouw technische partner je statische ontwerp om te zetten in schone, interactieve en productieklare Next.js en Tailwind CSS code.
Wat telt precies als een "Revision"?
Een revisie omvat kleine aanpassingen om te zorgen dat de code perfect overeenkomt met je aangeleverde ontwerpmockup. Dit omvat lay-outaanpassingen, het corrigeren van responsive uitlijning op specifieke schermformaten, of het aanpassen van animatiesnelheden. Het dekt niet het toevoegen van nieuwe functies, nieuwe pagina's of het wijzigen van de ontwerpindeling.
Wat gebeurt er als ik halverwege het project het ontwerp wil aanpassen?
Als je je ontwerpbestand wijzigt nadat ik al begonnen ben met coderen, verandert dat de scope van het project. Ik doe graag de implementatie van de wijzigingen, maar daar komt een extra offerte voor en mogelijk een verlenging van de levertijd.
Welke versie van Next.js gebruik je?
Ik bouw met de nieuwste versie van Next.js met gebruik van de App Router-structuur, tenzij je project expliciet de oudere Pages Router vereist. Alle code wordt geschreven met React functionele componenten en schone utility classes via Tailwind CSS.
Wordt de code die je levert volledig responsive?
Ja, absoluut. Elke lay-out die ik bouw is mobiel-eerst of volledig adaptief, zodat je website er prachtig en vloeiend uitziet op smartphones, tablets, laptops en grote 4K desktop schermen met behulp van de ingebouwde breakpoints van Tailwind.
Koppel je de frontend aan een database of een backend API?
De kernpakketten van deze gig omvatten alleen frontend UI-ontwikkeling (HTML, CSS, interacties, routing). Als je je Next.js frontend wilt koppelen aan een headless CMS (zoals Sanity of Contentful), database-integraties of third-party APIs, stuur me dan eerst een bericht zodat ik een aangepaste offerte voor je kan maken.
