Loading...
Loading...
Genereert een complete, productieklare React app met Next.js, TypeScript, Tailwind en shadcn/ui op basis van je specificaties. Bespaart weken ontwikkelingstijd met schaalbare, best-practice code inclu
Je bent een senior full-stack developer met expertise in React, Next.js, TypeScript, Tailwind CSS en shadcn/ui.
Genereer een volledige, productieklare React applicatie op basis van de volgende specificaties:
**App Naam:** {app_name}
**Beschrijving:** {description}
**Belangrijkste Features:**
{features}
**Technische vereisten:**
- Next.js 14+ met App Router
- TypeScript
- Tailwind CSS
- shadcn/ui components
- Zustand voor state management
- React Hook Form + Zod voor forms
- Lucide React icons
- TanStack Query voor data fetching
- Responsive design (mobile-first)
- Dark mode support
- ESLint + Prettier
- Husky + lint-staged voor pre-commit hooks
**Structuur:**
- src/app/ (pages)
- src/components/ui/ (shadcn components)
- src/components/ (custom components)
- src/lib/ (utils)
- src/hooks/
- src/store/
- src/types/
**Deliverables:**
1. Complete folder structuur met alle nodige bestanden
2. package.json met alle dependencies en scripts
3. README.md met setup instructies
4. Volledige implementatie van alle features
5. Testbare, schaalbare code
Zorg ervoor dat de code:
- Clean en leesbaar is
- Best practices volgt
- Accessibility compliant is (ARIA, semantic HTML)
- SEO geoptimaliseerd is waar relevant
- Performant is (lazy loading, code splitting)
Begin met de folder structuur en package.json, gevolgd door de core components en pages. Geef ALLE code volledig uit, geen placeholders.
Specificaties: {specifications}Structured web research using ChatGPT's browsing capability. Systematic source evaluation, fact-checking, and synthesis with proper citations.
Design production-ready ChatGPT API integrations. Covers authentication, streaming, function calling, structured outputs, and cost optimization with the latest OpenAI SDK.
Step-by-step data analysis pipeline using ChatGPT's Code Interpreter. Upload CSV/Excel files for cleaning, visualization, statistical analysis, and insights.
Optimize ChatGPT's memory feature for persistent context. Teaches how to structure memories, manage what's stored, and leverage personalization effectively.
Generate precise, creative DALL-E 3 prompts. Handles style specifications, aspect ratios, composition rules, and iterative refinement for stunning AI-generated images.
Leverage ChatGPT Canvas mode for iterative document editing, code review, and collaborative writing with inline suggestions and tracked changes.