How to Use Notion as a CMS 2 (Part 2: Creating the Site with ViteJS)
Notion is a powerful online database tool with nearly infinite flexibility. For this reason, it’s attracted dedicated users since it was first launch. In 2021, it published a public Notion API in beta, making it yet more accessible and customizable! In this video series, I'll show you how to use Notion as a light-weight CMS. While not ideal for scaffolding out an entire site, it can act as a very capable CMS for users with mostly static content. For the one or two sections on your site that need regular updating, why not use something like Notion?
I'll show you how to:
1. Create the basic site with ViteJS and Open Props using HTML and CSS
2. Set up Notion and create and add an API Integration
3. Publish your site to Netlify for free
4. Create a Netlify serverless function with the Notion SDK for JavaScript and the Netlify CLI (including environmental variables)
5. How to fetch the live Notion data from your Netlify serverless function
6. Write a skeleton loading animation to improve the site UX
🔗 Key Links for the Series 🔗
GitHub: https://github.com/coding-in-public/n...
Live Code: https://codinginpublic.dev/projects/n...
---------------------------------------
🔗 Other Important Links 🔗
ViteJS: https://vitejs.dev
Doodle Images: https://doodleipsum.com
Open Props: https://open-props.style/
---------------------------------------
📹 Related/Mentioned Videos 📹
Clamp video: • Dynamic Font Size CSS with clamp()
Grid CSS for beginners: • CSS Grid for Beginners (Part 1 of 2)
Flexbox layout: • Responsive Grid and Flexbox Page Layo...
---------------------------------------
⏲️ Timestamps ⏲️
0:00 Introduction
0:33 Installing ViteJS
2:58 Writing HTML
5:00 Writing CSS
---------------------------------------
🌐 Connect With Me 🌐
Website: https://www.codinginpublic.dev
Blog: https://www.chrispennington.blog
Twitter: / cpenned
Смотрите видео How to Use Notion as a CMS 2 (Part 2: Creating the Site with ViteJS) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Coding in Public 10 Декабрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 6,445 раз и оно понравилось 124 людям.