Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
20230317_Astroで始めるCloudflare Pages
Search
midnight480
March 17, 2023
Technology
0
200
20230317_Astroで始めるCloudflare Pages
midnight480
March 17, 2023
Tweet
Share
More Decks by midnight480
See All by midnight480
Try Dify self-hosted on AWS
midnight480
0
11
20241123_SAGA IT Community DayのLP裏側
midnight480
0
5
20241004_JAWSPANKRATION2024-re_Trospective-sending-swags
midnight480
1
48
20240626_SAGASmartCommunity_JAWS-UG佐賀紹介資料
midnight480
1
15
20240601_Cloudflare Accessで簡単にプライベートの資源にアクセス
midnight480
1
36
20240322_SAGASmartCommunity_JAWS-UG佐賀紹介資料
midnight480
0
31
20240607_IT/Webエンジニアの『ゾッ』とする話
midnight480
0
43
20240601_Cloudflare Accessで簡単にプライベートの資源にアクセス
midnight480
1
26
20240322_SAGASmartCommunity_JAWS-UG佐賀紹介資料 #SSC
midnight480
1
310
Other Decks in Technology
See All in Technology
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
54k
深層学習と3Dキャプチャ・3Dモデル生成(土木学会応用力学委員会 応用数理・AIセミナー)
pfn
PRO
0
460
Godot Engineについて調べてみた
unsoluble_sugar
0
400
【Oracle Cloud ウェビナー】2025年のセキュリティ脅威を読み解く:リスクに備えるためのレジリエンスとデータ保護
oracle4engineer
PRO
1
100
AWSマルチアカウント統制環境のすゝめ / 20250115 Mitsutoshi Matsuo
shift_evolve
0
110
GoogleのAIエージェント論 Authors: Julia Wiesinger, Patrick Marlow and Vladimir Vuskovic
customercloud
PRO
0
150
信頼されるためにやったこと、 やらなかったこと。/What we did to be trusted, What we did not do.
bitkey
PRO
0
2.2k
月間60万ユーザーを抱える 個人開発サービス「Walica」の 技術スタック変遷
miyachin
1
140
KMP with Crashlytics
sansantech
PRO
0
240
三菱電機で社内コミュニティを立ち上げた話
kurebayashi
1
360
JAWS-UG20250116_iOSアプリエンジニアがAWSreInventに行ってきた(真面目編)
totokit4
0
140
Accessibility Inspectorを活用した アプリのアクセシビリティ向上方法
hinakko
0
180
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
GraphQLとの向き合い方2022年版
quramy
44
13k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
113
50k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
A Tale of Four Properties
chriscoyier
157
23k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Automating Front-end Workflow
addyosmani
1366
200k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
210
Side Projects
sachag
452
42k
Transcript
〜 astro-notion-blogを始めてみませんか 〜 Astroで始めるCloudflare Pages 2023年3月17日 Cloudflare Meetup Fukuoka
大分(22年) → 東京(11年) → 福岡(2021.11~)→ 佐賀(2023.8~予定) 自己紹介 https://linktr.ee/midnight480 AWS Startup
Community Fukuoka 運営 JAWS-UG Saga 運営 …その他イベントに顔だしています https://my.prairie.cards/u/midnight480
https://astro.midnight480.com/
このページ以降はSlides AI で作成を試みたので英語での記載となっています 🙏
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
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
Introduction to Cloudflare Pages - Available for free - Used
to build and deploy Astro.js and other applications - a single site asset is 25 MiB
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
Good Point
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
Web Analytics - Add one line of JS snippet to
the HTML page - For Astro-notion-blog, just add to Layout.astro
Feature Request
Custom Domain - DNS records without subdomains are required to
be transferred → Vercel does not require transfer of DNS records without subdomains(A record)
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
Thank you for your time 😊
2023/04/05(水) 19:00 〜 21:00
Astro Notion Pages | Cloudflare Let's start your own Notion
Blog with Astro. SlidesAI https://twitter.com/i/communities/1618017732653613056 Cloudflare Access