spring-boot-nuxt-spa
spring-boot-nuxt-spa copied to clipboard
daggerok
This repository contains simple example of using spring-boot 2.x + nuxt.js (vue / vuetify) SPA with not-found routes configured on backend and frontend.
= spring-boot-nuxt-spa image:https://travis-ci.org/daggerok/spring-boot-nuxt-spa.svg?branch=master["Build Status", link="https://travis-ci.org/daggerok/spring-boot-nuxt-spa"]
Key points here is:
. add org.springframework.boot:spring-boot-starter-thymeleaf dependency in link:/build.gradle[build.gradle]
. point templates configuration spring.thymeleaf.prefix=classpath:/public/ to public folder in link:tree/master/src/main/resources/application.properties[src/main/resources/application.properties]
. during SPA build copy result index.html as src/main/resources/public/error/4xx.html and src/main/resources/public/error/5xx.html to handle errors with frontend app
. in vue.js frontend app configure error layout in link:tree/master/frontend/layouts/error.vue[frontend/layouts/error.vue]
links:
- link:https://axios.nuxtjs.org[axios nuxt.js]
- link:https://nuxtjs.org/guide/views/[nuxt.js views / error layout]
- link:https://nuxtjs.org/guide/routing[nuxt.js fallback routing / not-found page]
- link:https://vuetifyjs.com/ru/[Vuetify]
other links to read:
- link:https://github.com/matsp/material-components-vue[material-components-vue]
- link:https://github.com/stasson/vue-mdc-adapter[vue-mdc-adapter]
- link:https://github.com/daggerok/typescript-ionic-nuxt-app[GitHub: daggerok/typescript-ionic-nuxt-app]
- link:https://github.com/daggerok/webflux-kotlin-nuxt-app[GitHub: daggerok/webflux-kotlin-nuxt-app]
- link:https://github.com/daggerok/vue-ionic-example[GitHub: daggerok/vue-ionic-example]
- link:https://github.com/daggerok/ionic-nuxt-app[GitHub: daggerok/ionic-nuxt-app]
- link:https://github.com/daggerok/nuxt-examples[GitHub: daggerok/nuxt-examples]
- link:https://github.com/daggerok/vue-examples[GitHub: daggerok/vue-examples]
daggerok