This portfolio is made with NEXT.JS the main idea for this portfolio was because I saw a topographic-like design for my mouse pad, and I decided to make a website around it.
This app was made by bootstrapping the create-next-app template, so it contains its development server and build utilities configured for this project specifically.
Use the next dev server to start a local development server in the port 3000
npm run dev
Or you can also run the build tool that's configured to build a static version of this site and place it in the /out
directory
npm run build
To install all the dependencies explained below simply run
npm install
These dependencies are included in the package.json
{
"dependencies": {
"date-fns": "^3.3.1", // format and convert dates
"next": "14.1.0",
"react": "^18",
"react-dom": "^18",
"react-icons": "^5.0.1", // all the icons used in this project
"sharp": "^0.33.2" // next.js image optimization
},
"devDependencies": {
"@babel/plugin-transform-class-static-block": "^7.23.4",
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
"babel-plugin-jsx-control-statements": "^4.1.2", // add <If> and similar blocks
"eslint": "^8", // format the code
"eslint-config-next": "14.1.0",
"typescript": "^5"
}
}