Kategorien durchsuchen
Entdecken
Fiverr Pro
Deutsch
$
USD
Ich werde Figma in eine Next js Full-Stack-Web-App umwandeln
Sadman Showmik
Über diesen Service
Automatische Übersetzung
Hast du ein Figma-Design, das zu einer funktionierenden Website oder Web-App werden soll? Ich werde Figma in Next js umwandeln und eine responsive Seite mit sauberem JavaScript-Code erstellen.
Was ich aus deinem Design bauen kann:
- Landing Pages und mehrseitige Business-Websites
- Next.js Dashboards und Anwendungsbildschirme
- Mobile-, Tablet- und Desktop-Layouts mit Tailwind CSS und shadcn/ui
- Navigation, Formulare und interaktive Komponenten
- Verbindungen zu deinem bestehenden REST API
- Authentifizierung, Datenbankfunktionen und ein definierter Dashboard-Workflow im Premium Full-Stack-Paket
- Vercel Deployment und Source-Code-Lieferung
Ich passe dein Figma-Layout, Abstände, Farben und Assets an und überprüfe die vereinbarten Interaktionen. Basic umfasst eine Landing Page mit bis zu fünf Abschnitten. Standard umfasst bis zu drei Seiten plus ein Formular oder eine bestehende API-Integration. Premium umfasst bis zu fünf Bildschirme mit einem vereinbarten Backend-Workflow, Authentifizierung und einer Datenbank.
Sende mir vor der Bestellung deinen Figma-Link, die Seitenliste, Assets und Funktionsanforderungen, damit ich den Umfang und den Zeitplan bestätigen kann. Zahlungen, komplexe Rollen und mehrere Integrationen benötigen ein individuelles Angebot.
Lerne Sadman Showmik kennen
Sadman Showmik
React Next JS Frontend Engineer Figma to Code Expert
- AusBangladesch
- Mitglied seitFeb. 2021
- ⌀ Antwortzeit1 Stunde
- Letzte Lieferung9 Monate
Sprachen
Englisch, Bengalisch
Hi, I'm Sadman, a Frontend Engineer with 4+ years of experience building modern web applications using React, Next.js, Tailwind CSS and shadcn/ui.
I specialize in converting Figma designs into pixel-perfect, responsive, production-ready websites with clean and reusable code.
✅ Figma to React & Next.js
✅ Pixel-perfect & Responsive
✅ API Integration
✅ Tailwind CSS & shadcn/ui
✅ Clean, maintainable code
✅ Fast communication & on-time delivery
Let's build your next project!
Automatische Übersetzung
Mein Portfolio
Meine weiteren Dienstleistungen im Bereich Software-Entwicklung
FAQ
Automatische Übersetzung
Was brauchst du, um mein Figma-zu-Next js-Projekt zu starten?
Bitte sende mir deinen Figma-Link, Seiten- oder Bildschirmliste, Bilder, Schriftarten und eine kurze Liste der benötigten Funktionen. Ich werde sie prüfen und das passende Paket vor deiner Bestellung bestätigen.
Wird meine Next.js-Website responsive sein?
Ja. Ich werde die vereinbarten Seiten für Mobil, Tablet und Desktop bauen und prüfen. Wenn dein Figma nur Desktop-Designs zeigt, werde ich vor dem Bau klären, wie die kleineren Layouts funktionieren sollen.
Verwendest du Tailwind CSS und shadcn/ui?
Ja. Ich kann Tailwind CSS für das Styling und shadcn/ui für passende Interface-Komponenten verwenden. Sag mir, wenn dein bestehendes Projekt eine andere Konfiguration nutzt.
Kannst du Figma in Next js in mein bestehendes Projekt integrieren?
Ja, wenn das Projekt kompatibel ist. Sende mir die Repository-Details und die Seiten, die du hinzufügen möchtest, damit ich die Struktur prüfen und den Umfang bestätigen kann.
Kannst du die Website mit meiner bestehenden API verbinden?
Das Standard-Paket beinhaltet ein Formular oder eine Integration mit einer bestehenden API. Bitte stelle die API-Dokumentation bereit und beschreibe, was die Seite anzeigen oder absenden soll.
Baust du Full-Stack-Web-Apps mit Authentifizierung und Datenbank?
Ja. Das Premium-Paket umfasst bis zu fünf Bildschirme mit Authentifizierung, Datenbank und einem vereinbarten Dashboard-Workflow. Für größere Workflows oder komplexe Nutzerrollen erstelle ich separate Angebote.
Wirst du die Next.js-Website deployen und den Source-Code bereitstellen?
Der Source-Code ist in jedem Paket enthalten. Das Vercel-Deployment ist im Premium-Paket inklusive; für Basic oder Standard teile mir bitte mit, wenn du Deployment benötigst, damit ich es in den Umfang aufnehmen kann.
Was zählt als Überarbeitung?
Eine Revision passt die Arbeit innerhalb des vereinbarten Figma-Designs und Funktionsumfangs an. Neue Seiten, neu gestaltete Bildschirme oder zusätzliche Integrationen erfordern ein separates Angebot.
