Slide 1
Slide 1 text
〜 astro-notion-blogを始めてみませんか 〜
Astroで始めるCloudflare Pages
2023年3月17日
Cloudflare Meetup Fukuoka
Slide 2
Slide 2 text
大分（22年） → 東京（11年） → 福岡（2021.11～）→ 佐賀（2023.8～予定）
自己紹介
https://linktr.ee/midnight480
AWS Startup Community Fukuoka 運営
JAWS-UG Saga 運営
…その他イベントに顔だしています
https://my.prairie.cards/u/midnight480
Slide 3
Slide 3 text
https://astro.midnight480.com/
Slide 4
Slide 4 text
このページ以降はSlides AI で作成を試みたので英語での記載となっています 🙏
Slide 5
Slide 5 text
Introduction to Astro.js
- Astro.js is a web framework designed for speed
- SSG*1 that generates HTML when built
- In demand for those who demand display speed
*1 Static Site Generator
Slide 6
Slide 6 text
Photo by Pixabay
Introduction to Notion
- A tool that consolidates all information
- All-in-one workspace
- Use as a CMS*2 to manage blog text, images, etc
*2 Contents Management System
Slide 7
Slide 7 text
Introduction to Cloudflare Pages
- Available for free
- Used to build and deploy Astro.js and other applications
- a single site asset is 25 MiB
Slide 8
Slide 8 text
Photo by Pixabay
Tool for Connecting:
astro-notion-blog
- Github repository created by Mr.Otoyo
https://github.com/otoyo/astro-notion-blog
- easy-notion-blog, a combination of Next.js 13
and Notion API , and Vercel
- astro-notion-blog, a combination of Astro.js,
Notion API, and Cloudflare Pages
Slide 9
Slide 9 text
Good Point
Slide 10
Slide 10 text
Photo by Pixabay
Easy branch definition
for preview environment
- Can check the display in advance
- Access restrictions can only be applied to
members with limited access via Cloudflare Access
Slide 11
Slide 11 text
Web Analytics
- Add one line of JS snippet to the HTML page
- For Astro-notion-blog, just add to Layout.astro
Slide 12
Slide 12 text
Feature Request
Slide 13
Slide 13 text
Custom Domain
- DNS records without subdomains are required to
be transferred
→ Vercel does not require transfer of DNS records
without subdomains（A record）
Slide 14
Slide 14 text
Deployment
- Manual builds on demand, even when auto-deploy is enabled
→ Redeploying from the latest build is time-consuming
→ Running “Deploy hooks” while accessing the dashboard is time-consuming
Slide 15
Slide 15 text
Thank you for your time 😊
Slide 16
Slide 16 text
2023/04/05(水)
19:00 〜 21:00
Slide 17
Slide 17 text
Astro
Notion
Pages | Cloudflare
Let's start your own Notion Blog with Astro.
SlidesAI
https://twitter.com/i/communities/1618017732653613056
Cloudflare Access