All Projects → willbrowningme → Nuxt Cockpit Static Blog

willbrowningme / Nuxt Cockpit Static Blog

A static blog built with Nuxt.js, Tailwindcss and Cockpit headless CMS

Projects that are alternatives of or similar to Nuxt Cockpit Static Blog

Lichter.io
My own website and CV
Stars: ✭ 105 (+169.23%)
Mutual labels:  nuxt, tailwindcss
Vue Telescope Analyzer
Detect Vue technologies running on a website ✨
Stars: ✭ 117 (+200%)
Mutual labels:  nuxt, tailwindcss
Laranuxt
Laravel and Nuxt.js boilerplate
Stars: ✭ 98 (+151.28%)
Mutual labels:  nuxt, tailwindcss
Nuxt Tailwind
A Nuxt.js starter project template using Tailwind CSS without the distraction of a complicated development environment.
Stars: ✭ 71 (+82.05%)
Mutual labels:  nuxt, tailwindcss
nuxt-tailwind-purgecss
A Nuxt.js example with Tailwind CSS v1.2 and Purgecss
Stars: ✭ 37 (-5.13%)
Mutual labels:  nuxt, tailwindcss
Vue Tailwind Picker
🎉 Datepicker component for vue.js build with Tailwind CSS & dayjs date library
Stars: ✭ 170 (+335.9%)
Mutual labels:  nuxt, tailwindcss
Pokemon63
「みんなの63 - スクリーンショットから自動解析できるポケモンの選出投稿サイト」のソースコード
Stars: ✭ 107 (+174.36%)
Mutual labels:  nuxt, tailwindcss
Awes Io
Awes.io // boilerplate based on Vue, Nuxt, TailwindCSS plus Laravel as a backend. 🤟
Stars: ✭ 599 (+1435.9%)
Mutual labels:  nuxt, tailwindcss
website
My personal website and blog. Made with Nuxt.js and WindiCSS.
Stars: ✭ 19 (-51.28%)
Mutual labels:  nuxt, tailwindcss
mijin
Tailwind CSS UI components build for Vue.js / Nuxt.js
Stars: ✭ 168 (+330.77%)
Mutual labels:  nuxt, tailwindcss
I Hate Regex
The code for iHateregex.io 😈 - The Regex Cheat Sheet
Stars: ✭ 3,176 (+8043.59%)
Mutual labels:  nuxt, tailwindcss
Tailwindcss Module
Tailwind CSS module for Nuxt
Stars: ✭ 678 (+1638.46%)
Mutual labels:  nuxt, tailwindcss
Ideoxan
👩‍💻 Ideoxan is a free to use online tool to learn programming.
Stars: ✭ 29 (-25.64%)
Mutual labels:  tailwindcss
Yobikake
Yobikakeは誰でも簡単にSNSで呼びかけを発信できるサービスです。
Stars: ✭ 33 (-15.38%)
Mutual labels:  nuxt
Usefonts
A tool to help designers and developers select their perfect fonts. It uses Google Fonts API to fetch the fonts.
Stars: ✭ 29 (-25.64%)
Mutual labels:  tailwindcss
Laravel Nuxt
A Laravel-Nuxt starter kit.
Stars: ✭ 943 (+2317.95%)
Mutual labels:  nuxt
Imagemin Module
Automatically optimize (compress) all images used in Nuxt.js
Stars: ✭ 37 (-5.13%)
Mutual labels:  nuxt
Vite Explorer
The Official Block Explorer of Vite
Stars: ✭ 32 (-17.95%)
Mutual labels:  nuxt
Nuxt.js
The Intuitive Vue(2) Framework
Stars: ✭ 38,986 (+99864.1%)
Mutual labels:  nuxt
Hoppscotch
👽 Open source API development ecosystem https://hoppscotch.io
Stars: ✭ 34,569 (+88538.46%)
Mutual labels:  nuxt

A Static Blog Built with Nuxt.js, Tailwindcss and using Cockpit as a Headless CMS

An example of a statically generated blog using Nuxt.js. From the blog post - Building a Static Blog with Nuxt.js and Cockpit Headless CMS - Part 1: Setup

A live demo of this site can be seen here - https://nuxt-cockpit-static-blog.netlify.com

Build Setup

# Rename .env.example to .env
$ mv .env.example .env

# Edit .env and enter your Cockpit API details

# install dependencies
$ npm install # Or yarn install

# serve with hot reload at localhost:3000
$ npm run dev

# generate the static blog
$ npm run generate

For detailed explanation on how things work, checkout the Nuxt.js docs.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].