Next.Js Example

A portfolio built with Next.js, Three.js & Mantine

March 15th, 2023

A portfolio built with Next.js, Three.js & Mantine's picture

About:

This work is my new portfolio site built with Next.js, TypeScript, Three.js & Mantine. A website presents a single page application with carousel consisting of sections presented in the header.

README.md:

Installation

To run this project locally, you need to have Node.js installed on your machine:

git clone https://github.com/Domin-MND/portfolio . # clone the repository into the current directory npm install # for the dependencies installation npm run build # for the production build npm start # start the server

else you can deploy it on Vercel by using its CLI tool:

npm i -g vercel # install the Vercel CLI tool vercel # deploy the project

Configuration

You can configure the project by editing the config.tsx files in the following components:

  • components/about/config.tsx (for the About card)
  • components/contact/config.tsx (for the Contact card)
  • components/footer/config.tsx (for the footer component)
  • components/header/config.tsx (for the header component)
  • components/skills/config.tsx (for the Skills card)
  • components/works/config.tsx (for the Works card)

i18n

This project supports i18n. If no translation is provided to the language - it will take the config information from the above tsx files. The english default translation folder must be named en and should never be deleted but may be modified.

Documentation

All the available documentation regarding the creation & maintainability of the project is in docs folder.

Share this:

Nedx ยฉ 2023