Skip to content

Commit

Permalink
Merge pull request #379 from ElianCodes/pandacss-post
Browse files Browse the repository at this point in the history
add blogpost about PandaCSS

Co-authored-by: Sybren W [email protected]
  • Loading branch information
ElianCodes authored Mar 9, 2024
2 parents a5b3c04 + 3ec3a77 commit 6905421
Show file tree
Hide file tree
Showing 2 changed files with 25 additions and 0 deletions.
25 changes: 25 additions & 0 deletions src/content/blog/24-03-09-pandacss-startkit.md
Original file line number Diff line number Diff line change
@@ -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!
Binary file added src/content/blog/images/pandacss-startkit.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 6905421

Please sign in to comment.