You may not ACTUALLY understand Content Collections…
Vložit
- čas přidán 27. 07. 2024
- Join the early access list for my course! learnastro.dev
Astro’s Content Collection system is a breath of fresh air. It's genuinely unique to Astro and provides such amazing power. We’ll visually overview Content Collections and then work through several real-life examples.
🔗 Key Links 🔗
- Github: github.com/coding-in-public/a...
- Docs: docs.astro.build/en/guides/co...
---------------------------------------
📹 Related Videos 📹
- Content Collections: • Content Collections AP...
---------------------------------------
⏲️ Timestamps ⏲️
0:00 Introduction
0:53 When to/not to use?
3:12 How does it work?
6:27 Project setup
7:40 Project build
---------------------------------------
🎨 VSCode Theming
- Font: Cascadia Code: github.com/microsoft/cascadia...
- Theme: marketplace.visualstudio.com/...
- Icons: marketplace.visualstudio.com/...
---------------------------------------
🌐 Connect With Me 🌐
- Website: codinginpublic.dev
- Blog: chrispennington.blog
- Twitter: / cpenned
- Patreon: / coding_in_public
- Buy Me a Coffee: www.buymeacoffee.com/chrispen... - Jak na to + styl
Absolutely SSSOOO looking forward to your upcoming course 🥰
Me too! Hoping to make a TON of progress next week!
Thank you for this video, ive spent hours trying to figure out why my astro wasnt building images from the frontmatter, works now, cheers
You're welcome!
Amazing video about Astro collections!
Thanks!
Glad you enjoyed it!
Content collections are so versatile. I wonder if in a big project it would be sustainable and could somehow replace database for static content. It offload the browser render time for a longer build time which seems a great alternative. I wonder if there is a tradeoff with having a lot of files generated at build time with SSG instead of using SSR. Maybe it will cost more to host I wonder.
Content Collections are the best! :) I'm sure at some point you'd hit a cost to host…but I can't imagine how big that project would have to be.
The explanation that I needed. Thank you Chris!
(although, I'm tired of hearing "typesafety")
lol
Thank you so much for this content. Well done. I know that you sing the praises of these content collections, but why am I having a tough time getting my head around multiple json files in a directory vs one json file? It seems to me for certain things, one file is easier to manage. This is really making me rethink content collections. I guess for one thing, without the content collections you'd lose that ability to reference other collections.
Yeah, when you have a smaller amount of content, a single json file is great. You do miss the ability to reference and then as it scales, the separate files personally help me stay organized.
10/10 content, never thought relations are viable in markdown
It’s amazing!
It's brilliant and a very lightening tool! Will there be a video on such cms as keyStatic or Decap Cms?
Their miracle is that they immediately create md files in our project and push them to repo github.
Planning on something with keystatic once I get a chance to use it :)
This course will be needed, quality explanations!
I'm currently converting an application from Next.js -> Astro and all of the different errors are killing me as there's no help to get from stack overflow or similar.
Difficulties of developing on the frontier frameworks i guess.
Do you know how to handle sub-folders/sub-paths for your content collections?
I have a "articles" folder in the content folder filled with .mdx files , and i want to have another sub-folder in it called "performance" (content/articles/performance/*.mdx) but when i try to create a file and navigate there (test.mdx) i get:
Expected "slug" to match "[^\/#\?]+?", but got "performance/test".
Any ideas?
Thanks for all the good content!
I'd check out the Discord. Lots of very smart people who are quick to help!
Yes, so you’ll need to think about Content Collections as a way to organize the data, but NOT a structure to how the data is displayed. Since Astro has page-based routing, you'll need to have files in your pages directory that consume the Content Collection information and display it. If I'm understanding you correctly, I'd likely either use the nested directories in an articles collection (similar to the locale folders in the docs) or I'd filter based on a frontmatter property like "type: performance" … when you get the collection, you can filter by that type. Hope that pushes you in the right direction.
Thanks Chris! How is your Astro course shaping up? Do you have an estimated release date?
Early release will be by the end of the year!
@@CodinginPublic🤩 woo-woooo, SO excited!!!
kinda crazy how well this works with obsidian.
Totally! That’s the beauty of obsidian. Just a collection of markdown files!
Would be nice to see integrations with SSE… hm…
Let me know if you do something like this. That'd be interesting!
Hi .Can you give me the font of Vscode please
Cascadia Code (link in description)
Can I sponsor your ASTRO course here on youtube?
My course is only available over at learnastro.dev. I may post the first module here? But the rest will not be available on YT.
@@CodinginPublic ok means I can't sponsor
why were you in a hurry?
i hope paid course wont be made in a hurry.
or is this because Astro is fast moving, so everything has to be fast-paced?
Just wanted to do a faster one since I’ve already done a slow walkthrough for content collections earlier this year that was much slower and didn’t cover as much. There are several new items with content collections I wanted to show off, but didn’t want it to take 1.5 hours :)
Course should be beginner to intermediate aimed.
I like the fast pace! For those that don’t there is always the pause button and you can adjust the speed.