Skip to content
Snippets Groups Projects
Verified Commit 4a048ab0 authored by Mark's avatar Mark
Browse files

Add frontend with nuxt and bootstrap

parent 9871c35a
No related branches found
No related tags found
1 merge request!2Minimal frontend
.env
__pycache__
*.pyc
.nuxt
node_modules
### Installation
After installing `npm` run
```
npm install
```
Start the application in debug mode with
```
npm run dev
```
Build and run the application for production use with
```
npm run build
npm run start
```
<template>
<div>
<b-navbar toggleable="md" variant="light">
<b-navbar-toggle target="nav_collapse"></b-navbar-toggle>
<b-navbar-brand to="/">OpenAppStack</b-navbar-brand>
<b-collapse is-nav id="nav_collapse">
<b-navbar-nav>
<b-nav-item to="/" exact>Home</b-nav-item>
</b-navbar-nav>
</b-collapse>
</b-navbar>
<b-container class="md-4">
<nuxt />
</b-container>
</div>
</template>
module.exports = {
server: {
host: '0.0.0.0'
},
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }
],
modules: ['bootstrap-vue/nuxt', '@nuxtjs/axios'],
}
This diff is collapsed.
{
"name": "user-panel",
"version": "1.0.0",
"description": "",
"main": "nuxt.config.js",
"scripts": {
"dev": "nuxt",
"help": "nuxt help",
"build": "nuxt build",
"start": "nuxt start",
"post-update": "yarn upgrade --latest"
},
"author": "",
"license": "ISC",
"dependencies": {
"@nuxtjs/axios": "^5.6.0",
"bootstrap-vue": "^2.0.3",
"nuxt": "latest"
}
}
<template>
<div>
<b-jumbotron class="text-center">
<h3>Welcome to OpenAppStack</h3>
</b-jumbotron>
</div>
</template>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment