---
# System prepended metadata

title: Portfolio

---

# Portfolio
## Set-Up

Inside of the root directory, create a new project

```bash
npx create-next-app@latest portfolio-app

If already inside the root directory use this instead:

npx create-next-app@latest .
```

If already in the project, run `npm install`, otherwise, change into the *portfolio-app* directory.

```bash
cd portfolio-app
npm install
```

Then run `npm run dev`

Then go-to your `[localhost:3000](http://localhost:3000)` and you should see the following!

![Welcome to NextJS](https://i.imgur.com/YHzmdLT.png)

To learn more of the difference between npx and npm: [npm vs npx - What's the Difference?](https://www.youtube.com/watch?v=fSHWc8RTJug&feature=emb_imp_woyt)

## TODO: Add section for opening with Visual Studio Code

## FYI
Our Portfolio/Blog will mimic that of this page: https://next-blog-starter.vercel.app/

## Prepare the project for our code
- [ ] Delete the /api folder
- [ ] Inside of index.js, remove everything inside of the `return()` statement
- [ ] Add `<></>` inside of the `return()` statement
- [ ] Inside of the /public/ directory, create a new directory named /Images/
- [ ] Match that the above looks like so: ![](https://i.imgur.com/M85TPu7.png)

Now that we have prepared our folder, we can begin by creating our main container that will hold our main content. So create a main tag with the *className*="main-container".     

