Next.js 14+ 🤝 Tailwind CSS 🤝 Notion as CMS 🤝 notion-x.
🎉 The step-by-step tutorial to create a website like this is HERE! Feel free to mention my assistance when you embark on creating your unique site. Appreciate it!
🧡 If what I do is helpful to you for some reason, please consider supporting me with some cups of coffee. Thank you!
🚨 There are individuals who have forked my repository and published their confidential information directly in the .env.local or example.env.local files. I urge you to please STOP DOING THIS, as it will expose your secret information to the world!
👉 Version 1 (Jekyll): v1.dinhanhthi.com -- source.
👉 Version 2 (Jekyll): v2.dinhanhthi.com -- source.
👉 Version 3 (Jekyll): v3.dinhanhthi.com -- source.
👉 Version 4 (Gatsby, canceled at 60%): demo of what I did -- source.
👉 Version 5 (11ty): v5.dinhanhthi.com -- source.
🚨 You have to install globally Nodejs >=18 (recommend using nvm) and Yarn first.
# install
yarn
# clone submodule notion-x (when installing only)
git submodule update --init --recursive
# ud notion-x
git submodule update --recursive --remote
# or yarn getlib
# dev
yarn dev # port 3003
# build
yarn build
# serve (need to build first)
yarn start # port 3003
# reinstall all
yarn reinstall
# clean
yarn clean
# prettier
yarn prettier
# clear yarn cache (helpful sometimes)
yarn cache cleanDeploy to vercel,
vercel dev # like yarn dev
vercel build
# preview only
vercel deploy
# production
vercel --prod