DEV Community

loading...
Cover image for My portfolio JAM Stack website using vue.js, gridsome and tailwind

My portfolio JAM Stack website using vue.js, gridsome and tailwind

garpunkal profile image Gareth Wright ・Updated on ・1 min read

Hey πŸ‘‹
I've been working on my portfolio jamstack website and thought I'd share: https://garpunkal.dev.

It uses Vue.Js with Gridsome, TailwindCSS and SquidexCMS.

  • Vue.JS
  • Gridsome
  • Tailwind
  • SquidexCMS
  • Vercel hosting and CD.
  • JamStack

SquidexCMS is connected to the website through API's in Gridsome server config. I then use GraphQL to display the data from Squidex within the site.

I use Vercel as a Node server to rebuild my site every-time the repo changes or a build hook is used from Squidex.

Vercel then builds the static solution with either the repo change or the Squidex update.

All my code is open sourced to help others: https://github.com/garpunkal/garpunkal.dev

I'd love feedback and any comments!

image

Thanks,
Gareth

Discussion (4)

pic
Editor guide
Collapse
thematrixadmin profile image
Oskar Pietrucha

I really like it, looks modern and simple, with minimalistic design. Great color palette!

Collapse
garpunkal profile image
Collapse
christiankozalla profile image
Christian Kozalla

Your site looks super sweet! Lovin it ❀️
Thanks for sharing the code, too - I always wanted to take a look at gridsome πŸ‘

Collapse
garpunkal profile image
Gareth Wright Author

No problem. Really hope it helps. My first project with it.