OpenAI GPT Integration

What you can see

• optimized Next.js app architecture
• server-side components vs. client-side components
• server-side actions consumed within client-side components
• dynamic URL routing
• DRY principle usecase(e.g OpenAI integration)
• use of different React hooks(e.g useRef, useCallback, useEffect, useState, etc)
• strong typescript
• good UX(e.g placeholders, loading, etc)
• use of tailwind-merge package to fully support classname customization
• use of svgr package to leverage svgs icons as React components