My Portfolio

A completely free portfolio website template built on top of NextJS and Tailwindcss, with DatoCMS integration for data.

I'm myself using this as my portfolio.

Demo

https://filipeandre.vercel.app/

Current Stack

• ReactJS

• NextJS

• DatoCMS

• Graphql && Graphql-request

• TypeScript

• Tailwindcss

Setup

0 - fork this repo into your github account

On the terminal:

# 1 - clone the repo

git clone git@github.com:<your_username_here>/my-portfolio.git

# 2 - move to the project's dir

cd my-portfolio

# 3 - installs the dependencies

npm i

# or

yarn

4 - On your .env.local file adds:

NEXT_PUBLIC_DATOCMS_API_TOKEN=your datocms read-only api access token

5 - build your models in DatoCMS dashboard based on types in src/@types/index.d.ts

Development

First, run the development server:

npm run dev

# or

yarn dev

Open http://localhost:3000 with your browser to see the result.

Make your changes to see the magic

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Don't forget to add your datocms read-only api-token to NEXT_PUBLIC_DATOCMS_API_TOKEN as enviroment variable

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.

• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

---

Built with ❤️ && [☕ ☕ ☕] by @ifilipe_lype