Jaydatt Khodave Portfolio

Production-ready animated portfolio for Jaydatt Khodave, a Full-Stack Web Developer, Automation Engineer, Open Source Contributor, and Founder of It Is Unique Official based in Parbhani, Maharashtra, India.

Repository

GitHub repository name: jaydatt-portfolio

Tech Stack

• Next.js 16 App Router
• React 19
• TypeScript strict mode
• Tailwind CSS 4
• GSAP with @gsap/react, ScrollTrigger, Flip, MotionPathPlugin and ScrollToPlugin
• Lenis smooth scrolling
• Font Awesome icons
• Static export for Cloudflare Pages

Project Structure

app/                 Next.js App Router routes and metadata
components/          Reusable UI, animation, header, footer, characters, particles
sections/            Portfolio sections
hooks/               Client hooks
lib/                 SEO structured data helpers
data/                Jaydatt Khodave content and constants
types/               Shared TypeScript types
utils/               Utility functions
styles/              Global Tailwind/CSS
public/              Static Cloudflare CDN assets

Installation

npm install

Development

npm run dev

Open http://localhost:3000.

Production Build

npm run build

The static export is generated in out/.

Cloudflare Pages Deployment

1. Push this repository to GitHub as jaydatt-portfolio.
2. Open Cloudflare Dashboard.
3. Go to Workers & Pages.
4. Create a Pages project.
5. Connect the GitHub repository named jaydatt-portfolio.
6. Use these build settings:
   • Framework preset: Next.js (Static HTML Export) or None
   • Build command: npm run build
   • Build output directory: out
   • Node version: Latest LTS
7. Deploy.

Cloudflare Compatibility

• next.config.ts uses output: "export".
• No Node.js server runtime is required.
• Images are configured as unoptimized for static export compatibility.
• Static assets, robots.txt, sitemap.xml, manifest.json, _headers and _redirects are included.
• wrangler.toml sets pages_build_output_dir = "out".

SEO

Included:

• Metadata API title and description for Jaydatt Khodave
• Open Graph tags
• Twitter cards
• Canonical URL
• JSON-LD Person, WebSite, ProfilePage, BreadcrumbList, Organization, and Article data
• robots.txt
• sitemap.xml
• Web app manifest
• SVG favicon/icon system

Performance Notes

• Animations respect prefers-reduced-motion.
• Particle count automatically reduces on mobile and low-core devices.
• Lenis smooth scrolling is disabled on small screens.
• Font loading uses next/font to reduce layout shift.
• Static export is CDN-friendly and Cloudflare cache-ready.

Environment Variables

No environment variables are required for the static portfolio.