Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/devashish2024/ashish.top

My portfolio, blog & guestbook all-in-one
https://github.com/devashish2024/ashish.top

framer motion nextjs portfolio react tailwind

Last synced: 25 days ago
JSON representation

My portfolio, blog & guestbook all-in-one

Awesome Lists containing this project

README

        



My Next.js Portfolio










## Next.js Portfolio

Hi there, this is my portfolio I made (and my first next.js project) using several libraries and technologies like:

- Framer Motion
- Tailwind CSS
- Next.js
- Firebase & Firestore
- Hashnode Headless (CMS)

## Environment variables

There is a `.env.example` as a demonstration of what variables are needed.
- NEXT_PUBLIC_TOKEN: get [here](https://web3forms.com)
- NEXTAUTH_SECRET: execute `openssl rand -hex 644` and copy it
- GITHUB_CLIENT_ID & GITHUB_CLIENT_SECRET: github oauth app
- GOOGEL_CLIENT_ID & GOOGLE_CLIENT_SECRET: google oauth app
- HASHNODE_HOST_ID: hashnode publication ID
- HASHNODE_HOST: your_host.hashnode.dev

And firebase ones,
- FIREBASE_API_KEY
- FIREBASE_AUTH_DOMAIN
- FIREBASE_PROJECT_ID
- FIREBASE_STORAGE_BUCKET
- FIREBASE_MESSAGING_SENDER_ID
- FIREBASE_APP_ID

...can be claimed on firebase dashboard (create a web app and have firestore database enabled)

## Running Locally
```bash
$ yarn
$ yarn dev
```