A portfolio for developers with a blog powered by Notion
Aymane Mimouni
Posted on November 28, 2021
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
💖 💪 🙅 🚩
Aymane Mimouni
Posted on November 28, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.