michael
/
portfolio
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
This repository has been archived on 2021-12-13. You can view files and clone it, but cannot push or open issues or pull requests.
1 Commit 1 Branch 0 Tags 577 KiB
Vue 83.6%
JavaScript 14.5%
SCSS 1.9%
Go to file
Michael Thomas 472a53c2e0 Initial Commit 2021-12-12 17:39:25 +00:00
.github Initial Commit 2021-12-12 17:39:25 +00:00
assets/icons Initial Commit 2021-12-12 17:39:25 +00:00
components Initial Commit 2021-12-12 17:39:25 +00:00
layouts Initial Commit 2021-12-12 17:39:25 +00:00
pages Initial Commit 2021-12-12 17:39:25 +00:00
plugins Initial Commit 2021-12-12 17:39:25 +00:00
static Initial Commit 2021-12-12 17:39:25 +00:00
.editorconfig Initial Commit 2021-12-12 17:39:25 +00:00
.eslintrc.js Initial Commit 2021-12-12 17:39:25 +00:00
.gitignore Initial Commit 2021-12-12 17:39:25 +00:00
.prettierrc Initial Commit 2021-12-12 17:39:25 +00:00
README.md Initial Commit 2021-12-12 17:39:25 +00:00
netlify.toml Initial Commit 2021-12-12 17:39:25 +00:00
nuxt.config.js Initial Commit 2021-12-12 17:39:25 +00:00
package.json Initial Commit 2021-12-12 17:39:25 +00:00
tailwind.config.js Initial Commit 2021-12-12 17:39:25 +00:00
yarn.lock Initial Commit 2021-12-12 17:39:25 +00:00

README.md

nuxt-portfolio-dev

a portfolio for developers w/ a blog powered by Notion

Deploy to Netlify

Demo: https://aymaneMx.com

Features

  • 🥰 minimal and clean portfolio
  • 🌗 the dark/light mode (Auto detect the system color-mode)
  • 📱 responsive (tablet & mobile friendly)
  • ⚙️ render articles from Notion 🚀
  • ⭐ fetches your Github pinned projects with most stars
  • 💫 Eslint & Prettier configured
  • 📈 google analytics integration
  • ⚡ generate sitemap (visit /sitemap.xml)
  • 🚀 one click deployment to netlify

Prerequisites

  1. create Notion account
  2. duplicate this template by clicking on "duplicate" button located at the top of the page.
  3. make your notion table public (by clicking on "share" button located at the top of the page)
  4. grab the table id from the table link: eg:
link: https://aymanemx.notion.site/aymanemx/ceef6f1a895a46b2a0e4a87b41405547?v=8427738adccd4b2a8c28156be3757156
id: ceef6f1a895a46b2a0e4a87b41405547
  1. do the same thing for about page id (we gonna use it as an env variable NOTION_ABOUT_PAGE_ID)
  2. get your Google analytics id (optional)
  3. now you can click to the deploy button and fill the netlify form

Deploy to Netlify

Build Setup

create a .env file with the following variables

BASE_URL=https://aymanemx.com
GOOGLE_ANALYTICS_ID=
NOTION_TABLE_ID="ceef6f1a895a46b2a0e4a87b41405547"
NOTION_ABOUT_PAGE_ID="ad2346af0894443d8906cf78de4f310f"
GITHUB_USERNAME=aymaneMx
DEV_LOGO="AymaneMx"
DEV_NAME="Aymane max"
DEV_DESCRIPTION="a passionate Python developer from Morocco who loves to build and deliver quality products."
DEV_ROLE="Software Engineer"
DEV_GITHUB_LINK="https://github.com/aymaneMx"
DEV_TWITTER_LINK="https://twitter.com/aymane_max"
DEV_LINKEDIN_LINK="https://www.linkedin.com/in/aymane-mimouni/"

then:

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

Credits