My personal portfolio website, built with Nuxt.js, Windi CSS, TypeScript and Firebase.
Website features many custom built systems, integrations and pages!
- β Projects, experiences, skills, GitHub Repositories, favorite songs, contact pages.
- β Fully static markdown-driven blog with Nuxt Content.
- β Firebase integration.
- β Real-time Discord profile data using Lanyard API.
- β Last.fm API to display top tracks and recently played songsοΌexample.
- β Written in TypeScript.
- β Tons of handmade custom components.
You need to install Node.js and Git to your machine. Node.js comes with its own package manager called npm, you can either use that or you can use pnpm since it's faster and caches downloaded dependencies properly.
- Clone the repository with
git clone https://github.com/eggsy/website - Install dependencies with your preffered package manager.
- With pnpm:
pnpm install - With NPM:
npm install
- With pnpm:
- If you are going to use Firebase, you'll need to rename
.env.exampleto.envand fill the config.- P.S. You can use the website without the Fireabse integration as it requires a bunch of additional steps on its own. Read the title below for more information.
- Start the app:
- For development:
- With pnpm:
pnpm dev - With NPM:
npm run dev
- With pnpm:
- To build and compile:
- With pnpm:
pnpm generate(orpnpm build) - With NPM:
npm run generateor (npm run build)
- With pnpm:
- For development:
If you are wondering about how to host it on free/paid static hosting services like (Netlify, Vercel etc.), you can refer to Nuxt.js docs. My project is hosted on Netlify.
If you don't want to take the additional steps installing and configuring a Firebase account just to use the website, follow these steps:
- Remove
firebaseand@nuxtjs/firebasemodules via your package manager. - Remove
@nuxtjs/firebasefromtsconfig.json. - Remove
firebaseimport and the line of@nuxtjs/firebasereference in the array inconfig/modules.tsfile. - Remove
@/plugins/Firebasereference from the plugins array inconfig/plugins.ts(remove the whole object), and delete that file frompluginsdirectory, you don't need it anymore. - Delete
config/modules/firebase.ts. - Delete the Daily page:
src/pages/daily.vue.- Delete existing links and references to this page as it might throw errors when building the app.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent