A website w/ CMS boilerplate using Directus for backend CMS and Nuxt (w/ Tailwind CSS) for frontend

Related tags

Scaffold nuxtus
Overview

Nuxtus

A website w/ CMS boilerplate using Directus for backend CMS and Nuxt (w/ Tailwind CSS) for frontend.

The purpose of this template is to be a quick-start for developing a website with Nuxt.js using Directus as the backend. The end result can be a static website or dynamically pull data from Directus depending on your preference.

It also includes nuxtus/cli which provides a command line interface for quickly creating multiple index/detail pages from any Directus collections.

Quickstart (preferred)

$ npx create-nuxtus app-name

Replace app-name with the name of your website or application.

Nuxtus will automatically migrate the Directus DB if you are using SQLite. Otherwise follow the directions below to manually configure your database and get started.

Your project will contain 2 folders server (Directus) and client (Nuxt).

Directus

By default Nuxtus uses an SQLite database. If you wish to use an alternative database simply edit the server/.env file as suggested in the Directus documentation then follow the steps below.

$ cd server

# From within the root of the project
$ npm run cli bootstrap

Nuxt

No set up for Nuxt is required.

Starting Nuxtus

From inside your project folder:

$ npm start

Creating pages

Nuxtus includes Nuxtus CLI which will automatically generate listing and view pages of any Directus collections. To use it:

  1. Log in to Directus (http://0.0.0.0:8055/admin/login) and create a collection
  2. From the client folder (cd client) run nuxtus create and follow the prompts

Pages will be created for each collection you select in clients/pages. These are a starting point for you to customise.

For more details on Nuxtus CLI click here.

Production deployment

By default Directus is configured to accept CORS from any origin. Nuxtus suggests modifying this for your production deployment.

Manual setup

Clone this repo onto your local machine, remove the remote git origin and add a new one. Then follow the manual install instructions.

For further instructions visit [http://localhost:3000](http://localhost:3000)

Comments
  • Failed installing Directus: Error: Command failed: cd server && npm run cli bootstrap

    Failed installing Directus: Error: Command failed: cd server && npm run cli bootstrap

    Windows 11

    Running the installer fails with: Failed installing Directus: Error: Command failed: cd server && npm run cli bootstrap

    image

    Happy to provide any additional information.

    invalid question 
    opened by slaanish 13
  • chore(deps): update dependency @nuxtjs/google-fonts to v2

    chore(deps): update dependency @nuxtjs/google-fonts to v2

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @nuxtjs/google-fonts | 1.3.0 -> 2.0.0 | age | adoption | passing | confidence |


    Release Notes

    nuxt-community/google-fonts

    v2.0.0

    Compare Source

    ⚠ BREAKING CHANGES
    • default to font-display: swap unless preloading (#​88)
    Features
    Bug Fixes

    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by Mend Renovate. View repository job log here.

    released 
    opened by renovate[bot] 1
  • chore(deps): update dependency @nuxtus/nuxt-module to v1.2.1

    chore(deps): update dependency @nuxtus/nuxt-module to v1.2.1

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @nuxtus/nuxt-module | 1.2.0 -> 1.2.1 | age | adoption | passing | confidence |


    Release Notes

    nuxtus/nuxt-module

    v1.2.1

    Compare Source

    Bug Fixes
    • :bug: Update to Nuxtus 3.0.0-rc.13 (7f95735)

    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by Mend Renovate. View repository job log here.

    released 
    opened by renovate[bot] 1
  • chore(deps): update dependency @nuxtus/nuxt-module to v1.2.1

    chore(deps): update dependency @nuxtus/nuxt-module to v1.2.1

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @nuxtus/nuxt-module | 1.2.0 -> 1.2.1 | age | adoption | passing | confidence |


    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Renovate will not automatically rebase this PR, because other commits have been found.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by Mend Renovate. View repository job log here.

    released 
    opened by renovate[bot] 1
  • chore(deps): update dependency concurrently to v7.5.0

    chore(deps): update dependency concurrently to v7.5.0

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | concurrently | 7.4.0 -> 7.5.0 | age | adoption | passing | confidence |


    Release Notes

    open-cli-tools/concurrently

    v7.5.0

    Compare Source

    What's Changed

    Full Changelog: https://github.com/open-cli-tools/concurrently/compare/v7.4.0...v7.5.0


    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by Mend Renovate. View repository job log here.

    released 
    opened by renovate[bot] 1
  • chore(deps): update dependency @nuxtjs/tailwindcss to v6

    chore(deps): update dependency @nuxtjs/tailwindcss to v6

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @nuxtjs/tailwindcss | 5.3.3 -> 6.1.3 | age | adoption | passing | confidence |


    Release Notes

    nuxt-community/tailwindcss-module

    v6.1.3

    Compare Source

    v6.1.2

    Compare Source

    v6.1.1

    Compare Source

    v6.1.0

    Compare Source

    Features
    6.0.1 (2022-10-19)

    v6.0.1

    Compare Source

    v6.0.0

    Compare Source

    ⚠ BREAKING CHANGES
    • update viewer dev middleware to be compatible with h3@​0.8 (#​545)
    • You can no longer use CJS syntax (module.exports) in your tailwind.config.js (#​549)
    Features
    5.3.5 (2022-10-07)
    Bug Fixes
    5.3.4 (2022-10-07)
    Bug Fixes
    • remove content from tailwindConfig.content in development (51cfad7)
    5.3.3 (2022-09-08)
    Bug Fixes
    • resolve config paths fully and warn on config errors (#​522) (6a6dc4f)
    5.3.2 (2022-08-12)
    Bug Fixes
    5.3.1 (2022-07-25)
    Bug Fixes

    v5.3.5

    Compare Source

    v5.3.4

    Compare Source


    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by Mend Renovate. View repository job log here.

    released 
    opened by renovate[bot] 1
  • fix(deps): update dependency nuxt-directus to v3.2.1

    fix(deps): update dependency nuxt-directus to v3.2.1

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | nuxt-directus (source) | 3.0.3 -> 3.2.1 | age | adoption | passing | confidence |


    Release Notes

    intevel/nuxt-directus

    v3.2.1

    Compare Source

    v3.2.0

    Compare Source

    Features
    Bug Fixes

    v3.1.0

    Compare Source

    Features
    • module: implemented support for revisions (5771b0a)
    Bug Fixes
    3.0.3 (2022-09-05)
    Bug Fixes
    • module: error 500 when meta isnt defined (f84f0a9)
    3.0.2 (2022-09-04)
    Bug Fixes
    • module: autoimport hook deprecated (38eb525)
    3.0.1 (2022-09-04)
    Bug Fixes
    • module: compatibily issue (641a504)

    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by Mend Renovate. View repository job log here.

    released 
    opened by renovate[bot] 1
  • chore(deps): update dependency nuxt to v3.0.0-rc.13

    chore(deps): update dependency nuxt to v3.0.0-rc.13

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | nuxt | 3.0.0-rc.9 -> 3.0.0-rc.13 | age | adoption | passing | confidence |


    Release Notes

    nuxt/nuxt.js

    v3.0.0-rc.11

    Compare Source

    v3.0.0-rc.10

    Compare Source


    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by Mend Renovate. View repository job log here.

    released 
    opened by renovate[bot] 1
  • chore(deps): update dependency @nuxtjs/google-fonts to v2

    chore(deps): update dependency @nuxtjs/google-fonts to v2

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @nuxtjs/google-fonts | 1.3.0 -> 2.0.0 | age | adoption | passing | confidence |


    Release Notes

    nuxt-community/google-fonts

    v2.0.0

    Compare Source

    ⚠ BREAKING CHANGES
    • default to font-display: swap unless preloading (#​88)
    Features
    Bug Fixes

    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    released 
    opened by renovate[bot] 1
  • chore(deps): update actions/setup-node action to v3

    chore(deps): update actions/setup-node action to v3

    Mend Renovate

    This PR contains the following updates:

    | Package | Type | Update | Change | |---|---|---|---| | actions/setup-node | action | major | v1 -> v3 |


    Release Notes

    actions/setup-node

    v3

    Compare Source

    v2

    Compare Source


    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    released 
    opened by renovate[bot] 1
  • chore(deps): update dependency @nuxtus/cli to v1.5.0

    chore(deps): update dependency @nuxtus/cli to v1.5.0

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @nuxtus/cli | 1.4.0 -> 1.5.0 | age | adoption | passing | confidence |


    Release Notes

    nuxtus/cli

    v1.5.0

    Compare Source

    Bug Fixes
    • deps: update dependency chalk to v5 (33710f7)

    1.4.1 (2022-09-12)

    Bug Fixes
    • deps: update dependency inquirer to v9 (4e52568)

    v1.4.1

    Compare Source

    Bug Fixes
    • deps: update dependency inquirer to v9 (4e52568)

    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    released 
    opened by renovate[bot] 1
  • chore(deps): update dependency semantic-release to v20

    chore(deps): update dependency semantic-release to v20

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | semantic-release | ^19.0.5 -> ^20.0.0 | age | adoption | passing | confidence |


    Release Notes

    semantic-release/semantic-release

    v20.0.2

    Compare Source

    Bug Fixes

    v20.0.1

    Compare Source

    Bug Fixes
    • deps: update dependency cosmiconfig to v8 (f914c1e)
    • deps: update dependency hosted-git-info to v6 (c4da008)

    v20.0.0

    Compare Source

    BREAKING CHANGES
    • esm: semantic-release is now ESM-only. since it is used through its own executable, the impact on consuming projects should be minimal
    • esm: references to plugin files in configs need to include the file extension because of executing in an ESM context
    • node-versions: node v18 is now the minimum required version of node. this is in line with our node support policy. please see our recommendations for releasing with a different node version than your project normally uses, if necessary.
    Features
    Bug Fixes
    • env-ci: updated to the stable esm-only version (#​2632) (918eb59)
    • secrets-masking: used the proper named import from hook-std to enable masking for stderr (#​2619) (cf6befa)

    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by Mend Renovate. View repository job log here.

    opened by renovate[bot] 0
  • Deployment

    Deployment

    Any documentation/recommendations on deployment? Looking into this and was wondering about how best to get a working version off my local machine and online.

    documentation 
    opened by pvenableh 1
  • chore(deps): update dependency @nuxtjs/tailwindcss to v6.2.0

    chore(deps): update dependency @nuxtjs/tailwindcss to v6.2.0

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @nuxtjs/tailwindcss | 6.1.3 -> 6.2.0 | age | adoption | passing | confidence |


    Release Notes

    nuxt-community/tailwindcss-module

    v6.2.0

    Compare Source

    Features
    Bug Fixes
    • exposeConfig: named exports in mjs for tree-shaking (#​582) (6c3168d)
    6.1.3 (2022-11-03)
    Bug Fixes
    6.1.2 (2022-10-28)
    Bug Fixes
    6.1.1 (2022-10-24)
    Bug Fixes

    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by Mend Renovate. View repository job log here.

    opened by renovate[bot] 0
  • chore(deps): update dependency concurrently to v7.6.0

    chore(deps): update dependency concurrently to v7.6.0

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | concurrently | 7.5.0 -> 7.6.0 | age | adoption | passing | confidence |


    Release Notes

    open-cli-tools/concurrently

    v7.6.0

    Compare Source

    What's Changed

    New Contributors

    Full Changelog: https://github.com/open-cli-tools/concurrently/compare/v7.5.0...v7.6.0


    Configuration

    📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    🔕 Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box

    This PR has been generated by Mend Renovate. View repository job log here.

    opened by renovate[bot] 0
  • Dependency Dashboard

    Dependency Dashboard

    This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

    Open

    These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

    Detected dependencies

    github-actions
    .github/workflows/release.yml
    • actions/setup-node v3
    npm
    client/package.json
    • nuxt-directus 3.2.2
    • @nuxtjs/google-fonts 2.0.0
    • @nuxtjs/tailwindcss 6.1.3
    • @nuxtus/cli 2.0.0
    • @nuxtus/nuxt-module 2.2.0
    • nuxt 3.0.0
    package.json
    • @semantic-release/changelog ^6.0.1
    • @semantic-release/git ^10.0.1
    • @semantic-release/github ^8.0.6
    • @semantic-release/release-notes-generator ^10.0.3
    • concurrently 7.5.0
    • semantic-release ^19.0.5
    server/package.json
    • directus ^9.21.0

    • [ ] Check this box to trigger a request for Renovate to run again on this repository
    opened by renovate[bot] 0
Releases(v2.1.0)
Owner
null
Mohamed Ghoubali 3 Jun 22, 2022
Nuxt JS + Tailwind CSS boilerplate code with preconfigured libraries and packages

A NuxtJs boilerplate by TFD for building scalable API. Nuxt JS + Tailwind CSS + ESLint Boilerplate Features This is a Nuxt JS + Tailwind CSS boilerpla

tfd-ed 21 Nov 29, 2022
Vue3 + Vite + WindiCSS (Tailwind) Boilerplate for quick starting your Vue3 app with full support for tailwind

Use this boilerplate to quickly start your Vue3 project with WindiCSS (TailwindCSS), using vite as the build tool. Run the development server git clon

Hasin Hayder 9 Aug 2, 2022
Vueform Vue CLI 2 + Tailwind CSS 3 Boilerplate

Vueform Vue CLI 2 + Tailwind CSS 3 Boilerplate

Vueform 1 Mar 4, 2022
Vueform VueCLI 3 + Tailwind CSS 3 Boilerplate

Vueform Vue CLI 3 + Tailwind CSS 3 Boilerplate Last tested with Vue CLI 4.5.0 Installation

Vueform 1 Mar 4, 2022
Vue 3 boilerplate - Vite, Pinia, Vue Router & Tailwind CSS

Quick boilerplate for your next project, containing - Vite, Vuex, Vue Router & Tailwind CSS. This was created as part of my tutorial series.

richardev 29 Nov 22, 2022
Backend and Frontend Template - Software Architecture Group 35

Backend and Frontend Template - Software Architecture Group 35 Latest version: https://git.ita.chalmers.se/courses/dit341/group-00-web (public Github

Drake Axelrod 28 Mar 10, 2022
Template creates with Vite that includes a Vue 3 app template with routes and store. Regarding css we use Tailwind CSS

Template creates with Vite that includes a Vue 3 app template with routes and store. Regarding css we use Tailwind CSS

Marco 4 Aug 3, 2022
Vitesse for Nuxt 3 - Twitter shadowban checker website's frontend

Vitesse for Nuxt 3 ?? Working in Progress ?? Online Preview Features ?? Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules.

Plat 1 Dec 15, 2022
Nuxt3-boilerplate - Boilerplate of TailwindCSS v3, Vue 3, Heroicons & HeadlessUI and Nuxt3

Nuxt 3 Minimal Starter with TailwindCSS, Vue3, HeadlessUI & Heroicons We recommend to look at the documentation. Setup Make sure to install the depend

null 3 May 11, 2022
Vue3-ts-boilerplate - Packed Vue3 boilerplate with storybook, unit testing, generators, typescript, pinia, vue-router

Vue3 TS Boilerplate This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur).

Jeff Fasulkey 5 Nov 11, 2022
Vue-Boilerplate - This boilerplate was made to simplify working with Vue

Vue-Boilerplate This boilerplate was made to simplify working with Vue Packages: - Vite - Vue3 - Vue-Router - TypeScript - altv/types-webviews Does al

Phill 6 Dec 17, 2022
nuxt3 boilerplate with tailwind and dynamic routes.

Nuxt 3 Minimal Starter We recommend to look at the documentation.

JDIZM 53 Dec 27, 2022
🐩 A boilerplate for HTML5, Vue, Vue Router, i18n, Tailwind, Windi, Netlify, and Vite.

Vue Starter ?? A boilerplate for HTML5, Vue, Vue Router, i18n, Tailwind, Windi, Netlify, and Vite. Table of Contents Project Setup Key Features Docker

Shyam Chen 149 Dec 20, 2022
A Blockchain Explorer for ARK using Vue.js and Tailwind CSS.

Ark Explorer 3.0 Designed and developed from the ground-up, using lean & fast developmental frameworks (Tailwind CSS & Vue.JS). Lead Maintainer: Miche

ARK Ecosystem (Archive) 108 Dec 25, 2022
A lightweight Nuxt template to write a Markdown driven website, based on Nuxt Content, WindiCSS and Iconify.

A lightweight Nuxt template to write a Markdown driven website, based on Nuxt Content, WindiCSS and Iconify.

null 3 May 30, 2022
Dashboard starter template built with Vue 3 and Tailwind CSS.

Dashboard starter template built with Vue 3 and Tailwind CSS.

Robert Soriano 767 Jan 2, 2023
A Vue3 starter project setup with Vite, Vue-meta, Router, Vuex, Eslint, Prettier, Tailwind CSS, and some custom preferences.

A Vue3 starter project setup with Vite, Vue-meta, Router, Vuex, Eslint, Prettier, Tailwind CSS, and some custom preferences.

Shamim Hossain 112 Jan 5, 2023