More Premium Hugo Themes Premium React Themes

MyPortfolio

This is a portfolio application built by using Next.js, ChakraUi, Typescript and Dev.to api.

MyPortfolio

This is a portfolio application built by using Next.js, ChakraUi, Typescript and Dev.to api.

Author Avatar Theme by ma-ahmad
Github Stars Github Stars: 236
Last Commit Last Commit: Feb 10, 2025 -
First Commit Created: Dec 18, 2023 -
default image

Overview:

This product is a website built using the Next.js framework and styled with Chakra UI. It includes various features such as animations using Framer Motion, highlighting blog content with Prismjs, processing Markdown with remark, and using Prisma as the ORM. The website is deployed on Vercel and utilizes APIs from Dev.to and Github.

Features:

  • Next.js: A framework used for building server-side rendered React applications.
  • Chakra UI: A highly customizable and accessible UI component library for React.
  • Framer Motion: A library for creating smooth animations in React applications.
  • Prismjs: A syntax highlighter for code snippets used on blog content.
  • remark: A Markdown processor for converting Markdown into HTML.
  • Prisma: An ORM (Object-Relational Mapping) tool for working with databases.
  • Vercel: A platform for easily deploying static websites and serverless functions.
  • Dev.to and Github APIs: Used to integrate content from these platforms into the website.

Installation:

To install and run this theme locally, follow these steps:

  1. Clone the repository by running the following command in your terminal:
git clone <repository_url>
  1. Navigate to the cloned directory:
cd <cloned_directory>
  1. Install the required dependencies:
npm install
  1. Start the application on http://localhost:3000:
npm run dev

Summary:

This product is a website built using Next.js and Chakra UI, with various features such as animations, syntax highlighting, Markdown processing, and database integration. It can be installed locally by cloning the repository and running the necessary commands. Overall, it provides a customizable and accessible platform for displaying blog content and projects while utilizing APIs from Dev.to and Github for additional functionality.