https://github.com/eggsy/personal-portfolio
🤯 Simple personal portfolio built with Next.js, Tailwind CSS, and uses Lanyard to display real-time Discord status.
https://github.com/eggsy/personal-portfolio
developer discord lanyard nextjs portfolio tailwindcss
Last synced: about 1 month ago
JSON representation
🤯 Simple personal portfolio built with Next.js, Tailwind CSS, and uses Lanyard to display real-time Discord status.
- Host: GitHub
- URL: https://github.com/eggsy/personal-portfolio
- Owner: eggsy
- License: mit
- Created: 2021-09-15T09:38:12.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-07-28T19:26:02.000Z (over 2 years ago)
- Last Synced: 2025-03-17T06:47:40.235Z (about 1 month ago)
- Topics: developer, discord, lanyard, nextjs, portfolio, tailwindcss
- Language: TypeScript
- Homepage: https://eggsy-personal-portfolio.netlify.app
- Size: 900 KB
- Stars: 15
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Personal Portfolio
This is a simple Next.js portfolio template that's built with Tailwind CSS and TypeScript.
### What is built-in?
- ✅ Single page
- ✅ Name, short introduction
- ✅ Real-time Discord status (RPCs & Spotify) with [Lanyard](https://github.com/Phineas/lanyard/)
- ✅ Easily configurable information and social sections
### How to install?
You'll need Node.js to install the required packages. Once you downloaded Node.js, you can follow these steps to run the website:
1. Open a terminal.
1. Run `git clone https://github.com/eggsy/personal-portfolio`
2. Go into directory `cd personal-portfolio`
2. Install dependencies: `yarn`
3. Run it in development mode: `yarn dev`
After that, you'll see that every change you make in any of the files under `src/` directory will be seen on the page. You can change the values in the files in `src/data/**` directory and customize the data displayed on the page.
### My Discord data isn't there
If you're not familiar with Lanyard API yet, it's a project that basically reads your status via a bot. That means you have to share a server with that bot and it's currently only available in Lanyard's own Discord server. You have to join [this server](https://lanyard.rest/discord) to get your status visible.
### Sponsors
