Ivan New Portfolio
|Updated:
12 Dec 2025
|29 Stars
My portfolio built with Next.js, TypeScript, TailwindCSS and Gsap
Categories
Overview
Creating a personal portfolio is a vital step for anyone looking to showcase their skills and projects. This portfolio is thoughtfully built using a combination of modern web technologies, emphasizing reusability and efficiency. The choice of frameworks and libraries ensures that the site is not only visually appealing but also easy to maintain and scale.
Features
- Reusable Animations: All animations are designed as reusable hooks, allowing for consistency and easy updates.
- Next.js with TypeScript: The use of Next.js provides server-side rendering capabilities, while TypeScript adds type safety for a more robust codebase.
- Drizzle ORM: This object-relational mapping tool facilitates database interactions with the Turso and Sqlite databases, specifically tailored for managing images.
- Zustand for State Management: This lightweight global state management tool enables efficient handling of application state without the complexity of larger libraries.
- Next Mdx Remote: Utilizing the MDX library allows the blog content to be written in Markdown, combining the simplicity of Markdown with the power of React components.
- Tailwind CSS Framework: The incorporation of this utility-first CSS framework promotes a modern design aesthetic and allows for rapid styling adjustments.
- Bright Highlighter: The server-side code highlighter enhances code readability, making it easier to showcase programming skills effectively.
- GSAP Animation Library: Adding professional-grade animations, GSAP brings life to the portfolio, enhancing user engagement through smooth transitions and effects.