Jorge Assaf Portfolio

Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• Animation: Framer Motion
• 3D: Three.js and React Three Fiber
• UI Components: shadcn/ui
• CMS: Sanity

Features implemented

• [x] Next.js app directory
• [x] Write in TypeScript
• [x] Implement 3D with Three.js and React Three Fiber
• [x] Use 75ch width in blog and about page
• [x] Query params for blog categories
• [x] Use Sanity for blog and projects

Learn More

To learn more about Next.js and the technologies used in this project, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.
• TailwindCSS - learn about TailwindCSS features and API.
• FramerMotion - learn about FramerMotion features and API.
• Sanity - learn about Sanity features and API.
• Shadcn - learn about Shadcn features and API.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.