Jorgeassaf Portfolio

Next.js 15 Portfolio Boilerplate: 3D, TypeScript & Sanity CMS

Explore this developer portfolio, built using Next.js 15 and TypeScript for a robust and type-safe foundation. It leverages Tailwind CSS for styling, Framer Motion for animations, and shadcn/ui for UI components. The project integrates Three.js and React Three Fiber for captivating 3D elements, with content for the blog and projects managed dynamically through Sanity CMS. This serves as an excellent starting point or inspiration for your own professional showcase.

Features:

• Next.js App Directory: Utilizes the modern Next.js app directory structure for enhanced routing and server components.
• TypeScript Integration: Developed with TypeScript for improved code quality, maintainability, and developer experience.
• 3D with Three.js & React Three Fiber: Implements interactive 3D visuals using Three.js and its React renderer, React Three Fiber.
• Optimized Content Readability: Employs a 75ch width constraint for blog and about page content, enhancing readability.
• Blog Category Filtering via Query Params: Enables filtering of blog posts by category using URL query parameters for better navigation.
• Sanity CMS for Content: Manages blog posts and project details through Sanity, a flexible headless CMS.
• Tailwind CSS Styling: Employs Tailwind CSS for rapid, utility-first UI development and customization.
• Framer Motion Animations: Integrates Framer Motion to create smooth and engaging user interface animations.
• Shadcn/UI Components: Leverages shadcn/ui for a set of reusable and accessible UI components.

Summary:

This portfolio template offers a comprehensive solution for developers to build a modern, interactive online presence. It combines Next.js 15, TypeScript, and Tailwind CSS for a solid technical base, augmented by dynamic 3D graphics, engaging animations via Framer Motion, and content management through Sanity CMS. It's designed to be a highly functional and visually appealing showcase for projects and articles, easily adaptable for personal use.