React Templates & Themes Logo React Templates & Themes
My Next Portfolio screenshot

My Next Portfolio

Author Avatar Theme by Jeandv
Updated: 19 Mar 2025
149 Stars

My portfolio + Blog | Next.js, TypeScript, Tailwind and Sanity CMS

Github Live Preview

Categories

Nextjs Styled components Tailwind Sanity Blog Portfolio

Overview:

The project is a new portfolio with a blog created using Next.js 13, TypeScript, Tailwind CSS, and Sanity CMS. The developer behind the project has over 2 years of experience in JavaScript/TypeScript and is skilled in various technologies including Angular, Ionic, Electron, and Node.js. They are also focusing on learning DevOps to enhance their skill set. The website includes information about the tools and technologies used, as well as details on how to contact the author.

Features:

  • Next.js 13: Utilizing the latest version of Next.js for web development.
  • TypeScript: Incorporating TypeScript for type-checking and improved code quality.
  • Tailwind CSS: Styling the website efficiently with Tailwind CSS utility classes.
  • Sanity CMS: Integrating Sanity CMS for content management functionalities.
  • Framer Motion: Utilizing Framer Motion for animations on the website.
  • Mantine: Implementing Mantine for UI components and design elements.
  • ESlint, Postcss, Prettier: Using these development tools for code quality and formatting.

Installation:

To install the theme, follow these steps:

  1. Start by running the development server:

    npm run dev

  2. Open http://localhost:3000 in your browser to view the result.

  3. Edit the pages by modifying the respective files, such as pages/index.tsx.

  4. Access API routes on http://localhost:3000/api/hello, which can be edited in pages/api/hello.ts.

  5. Utilize the pages/api directory for API routes instead of React pages.

  6. The project optimizes and loads the Inter font using next/font.

Summary:

The portfolio project created using Next.js 13, TypeScript, Tailwind CSS, and Sanity CMS showcases the developer’s skills and experience. With a focus on clean architecture, SOLID principles, and agile methodologies like SCRUM, the project highlights the author’s dedication to best practices in development. The use of various tools and technologies along with plans for learning DevOps adds to the author’s versatility and continuous growth in the field.