Nuxt Wordpress Pwa
Wordpress + Vue + Nuxt.js
Overview
wp-vue-ssr is a server-side rendered app built with Vue.js that connects to a Wordpress site. The project URL is nuxtwp.now.sh. The app is currently deployed on a Laravel Forge server, but the developer is working on moving it to an environment variable. The app works out of the box, with the only requirement being to set up CORS support. It utilizes the WP v2 APIs and includes an /api folder for further reference.
Features
- Server-side rendered app
- Built with Vue.js
- Connects to a Wordpress site
- Utilizes WP v2 APIs
Summary
wp-vue-ssr is a server-side rendered app built with Vue.js that connects to a Wordpress site using the WP v2 APIs. It is currently deployed on a Laravel Forge server, but the developer is working on moving it to an environment variable. The app works out of the box, with the only requirement being to set up CORS support. For installation, clone the repository, install dependencies, set up CORS support, configure environment variables, and run the app using the provided commands. For further information, refer to the Nuxt.js documentation.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Bulma
Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Pwa
A Progressive Web App (PWA) is a type of web application that uses modern web technologies to provide a native app-like experience to users, including offline functionality, push notifications, and device hardware access. PWAs can be installed on a user's home screen and launched like a traditional app, but do not require a separate app store listing or download.