Tulip

Tulip

Single page starter for Gridsome

No blog, tags or other cruft;
just a single page for your content.

Installation And Configuration

Installing and configuring Tulip is very easy. You'll get your site up and running in less than 5 minutes. There's nothing special about Tulip, it's just a Gridsome site, which is again is nothing more than some clever bits around Vue.

This short document is not intended to familiarize you with either of these tools, you should read Gridsome documentation and Vue documentation for more detailed information about respective projects.

1. Install Tulip

Use gridsome create command to install Tulip:

gridsome create my-website https://github.com/Uninen/gridsome-starter-tulip.git

2. Add your content and configure meta data

3. Tweak or replace default styles

As Tailwind Preflight styles are not meant to be used as is, Tulip comes with some very basic base styles (the ones you see on this page) that you can use or replace. These base styles live in src/assets/css/base.postcss and are imported in src/main.js.

If you have existing styles you want to use, you can just copy them into assets/css/ and import them (either in main.js or in Index.vue), or just add them in the style-section of the Index.vue page.

(Note: if your existing styles aren't based on Tailwind, you'll probably want to remove the Tailwind plugin also as the Preflight normalizations are automatically imported and might affect your old styles.)

That's it, you're done! 🎉

Developing

You can host your built Gridsome site just about anywhere (it's just a static site). Netlify is one of the easiest and free ways for automatically deploy with every push. You can test it via this link and have your own deployment running in about a minute!

Deploy to Netlify

Never Asked Questions

But Why?
Because at the time of writing this all Gridsome starters had way too much going on and I wanted a super clean and fast way to get started with Gridsome. The goal was to have a starter template that would involve as few modifications and deletions to get something simple yet production quality stuff published.
What if I want multiple page styles, a blog, authors, tags etc?
If you are just starting, then Tulip is not for you. Try some other awesome Gridsome starter. (But if you're building your site bit by bit, tweaking Tulip is as easy as any other Gridsome site – it's basically just Vue!)

Vue + Gridsome is ❤️
© Ville Säävuori (@uninen) 2020, MIT License