Vue Templates Logo Vue Templates
Wuxt screenshot

Wuxt

Author Avatar Theme by Northosts
Updated: 16 Apr 2020
554 Stars

Nuxt/WordPress development environment, combining the worlds biggest CMS with the most awesome front-end application framework yet.

Github Live Preview

Categories

Nuxt

Overview

Wuxt is a development environment that combines WordPress, the world’s biggest CMS, with Nuxt.js, a powerful front-end application framework. The goal of Wuxt is to provide a ready-to-use environment that makes WordPress easily accessible to your front-end app. It includes fully dockerized WordPress and Nuxt.js container configurations, an extended REST API for easy access to meta-fields, featured media menus, and front-page configuration, and the newest version of Nuxt.js extended with a WordPress $wp object to connect to the extended WordPress REST API.

Features

  • Fully dockerized WordPress and Nuxt.js container configuration
  • One-command setup using “docker-compose up -d”
  • Extended REST API for easy access to meta-fields, featured media menus, and front-page configuration
  • Newest version of Nuxt.js extended with a WordPress $wp object

Installation

To get started with Wuxt, follow these steps:

  1. Clone the Wuxt repository to your desired directory.
  2. Change to the cloned directory.
  3. Start your containers by running the command “docker-compose up -d”.

This will start the following containers:

  • MySql: Database for your WordPress installation.
  • WordPress: Runs on an Apache server with the newest PHP version and the Wuxt Rest API extension theme, ACF, and other plugins pre-installed.
  • Nuxt.js: Starts in development mode with file-monitoring and browser-sync, and is extended with a complete WordPress REST API wrapper and a starter application.

Your containers will be available at:

  • Front-end: http://localhost:3000
  • Back-end: http://localhost:3080, http://localhost:3080/wp-admin
  • Database: Access the database using the command “docker exec -ti mysql.wuxt bash”

Summary

Wuxt is a powerful development environment that combines WordPress and Nuxt.js, providing an easy and efficient way to build front-end applications with access to the full power of WordPress. It is fully dockerized, making setup and configuration a breeze. With an extended REST API and the ability to customize container configurations, Wuxt offers flexibility and convenience for developers.