My Portfolio

My updated portfolio with a personal blog :)

Status: Finished

About • Layout • How it works • Tech Stack • Author

About

Portfolio - My updated portfolio contains a little about me, my projects, and some posts

---

Layout

HomePage

Skills Page

Projects Page

Project Page

Blog page

Post Page

---

How it works

Pre-requisites

Before you begin, you will need to have the following tools installed on your machine: Git, Node.js and the pnpm package manager. In addition, it is good to have an editor to work with the code like VSCode

First of all you need to create an account on Hygraph CMS and click on the link below to copy my project template

Click here to clone my template

After that, you must add the content you prefer and get the connection URL in: Settings tab > API Access > High Performance Content API

Add the URL to connect to your Hygraph project to the CMS_URL option of the .env.example file and rename the file to: .env.local

Run the app

# Clone this repository
$ git clone https://github.com/Artur-Poffo/Portfolio.git

# Access the project folder cmd/terminal
$ cd Portfolio

# install the dependencies
$ pnpm install

# Run the application in development mode
$ pnpm dev

# The server will start at port: 3000 - go to http://localhost:3000

---

Tech Stack

The following tools were used in the construction of the project:

• Next.js 13
• Typescript
• Tailwind CSS
• Tailwind Variants
• Framer-Motion
• Dayjs
• graphql + graphql-request
• react-icons
• react-markdown

See the file package.json

---

Author

• Artur Poffo - Developer

---