Demo: https://aymaneMx.com (my portfolio)
Github: https://github.com/aymaneMx/nuxt-portfolio-dev
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
Deploy your own version:
clone the projects from Github, setup Netlify to deploy on each merge to the main branch, I highly recommend this method!
for the lazy people out there, you can use Netlify deploy button
but first, check out the prerequisites.
Prerequisites
- create Notion account
- duplicate this template by clicking on
duplicate
button located at the top of the page. - make your notion table public (by clicking on
share
button located at the top of the page) - grab the table id from the table link: eg:
link: https://aymanemx.notion.site/aymanemx/ceef6f1a895a46b2a0e4a87b41405547?v=8427738adccd4b2a8c28156be3757156
id: ceef6f1a895a46b2a0e4a87b41405547
- do the same thing for about page id (we gonna use it as an env variable
NOTION_ABOUT_PAGE_ID
) - get your Google analytics id (this one is optional)
- now you can click to the deploy button and fill the Netlify form
Credits:
- π The dark mode : eggsy
- π¨ the minimal design : Monotone
- β The open source section : mouadziani and smakosh
Top comments (1)
Netlify deployments are super simple.