diff --git a/src/content/blog/24-03-09-pandacss-startkit.md b/src/content/blog/24-03-09-pandacss-startkit.md new file mode 100644 index 00000000..b0cc9d02 --- /dev/null +++ b/src/content/blog/24-03-09-pandacss-startkit.md @@ -0,0 +1,25 @@ +--- +title: PandaCSS + Astro startkit +description: "A couple of days ago, I gave a talk together with Sybren about using PandaCSS with Astro at Fronteers in Ghent. It inspired me to build a template." +pubDate: 2024-03-09 15:30 +author: Elian Van Cutsem +tags: + - Astro + - PandaCSS + - Open Source + - Web development +imgUrl: "./images/pandacss-startkit.jpeg" +layout: "@layouts/BlogPost.astro" +--- + +# Astro + PandaCSS startkit + +A couple of days ago, I gave a talk together with Sybren ([@carwack](https://twitter.com/carwack)) about using [PandaCSS](https://panda-css.com/) with [Astro](https://astro.build/) at Fronteers in Ghent. Sybren asked me to join him as a co-host on his talk, mainly about PandaCSS, but combining it with Astro. I had never used PandaCSS before, so the talk was a super interesting for me too! + +Walking through the setup of Panda in Astro, I realised there was no real starting template yet. So I put one together for everyone that wants to use it! + +Here’s the template: [@eliancodes/pandacss-astro-startkit](https://github.com/ElianCodes/pandacss-astro-startkit). + +It’s a little bit opinionated, but I feel like that’s always the case when using design systems / CSS frameworks. I kept it small enough so you can easily adjust it to your own preferences and start building from it! + +excited to see what you’ll build! diff --git a/src/content/blog/images/pandacss-startkit.jpeg b/src/content/blog/images/pandacss-startkit.jpeg new file mode 100644 index 00000000..bcf77faa Binary files /dev/null and b/src/content/blog/images/pandacss-startkit.jpeg differ