├── .editorconfig
├── .eslintrc.js
├── .firebaserc
├── .gitignore
├── LICENSE
├── README.md
├── assets
    └── README.md
├── components
    ├── Logo.vue
    ├── Posts.vue
    └── README.md
├── firebase.json
├── layouts
    ├── README.md
    └── default.vue
├── middleware
    └── README.md
├── nuxt.config.js
├── package.json
├── pages
    ├── README.md
    ├── about.vue
    ├── index.vue
    └── post
    │   └── _id
    │       └── index.vue
├── plugins
    └── README.md
├── posts.json
├── static
    ├── README.md
    └── favicon.ico
└── store
    └── README.md


/.editorconfig:
--------------------------------------------------------------------------------
 1 | # editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | indent_size = 2
 6 | indent_style = space
 7 | end_of_line = lf
 8 | charset = utf-8
 9 | trim_trailing_whitespace = true
10 | insert_final_newline = true
11 | 
12 | [*.md]
13 | trim_trailing_whitespace = false
14 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   parser: 'babel-eslint',
 4 |   env: {
 5 |     browser: true,
 6 |     node: true
 7 |   },
 8 |   extends: 'standard',
 9 |   // required to lint *.vue files
10 |   plugins: [
11 |     'html'
12 |   ],
13 |   // add your custom rules here
14 |   rules: {},
15 |   globals: {}
16 | }
17 | 


--------------------------------------------------------------------------------
/.firebaserc:
--------------------------------------------------------------------------------
1 | {
2 |   "projects": {
3 |     "ssr": "nuxt-ssr-blog"
4 |   }
5 | }


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # dependencies
 2 | node_modules
 3 | 
 4 | # logs
 5 | npm-debug.log
 6 | 
 7 | # Nuxt build
 8 | .nuxt
 9 | 
10 | # Nuxt generate
11 | dist
12 | 
13 | # Logs
14 | logs
15 | *.log
16 | npm-debug.log*
17 | yarn-debug.log*
18 | yarn-error.log*
19 | 
20 | # Runtime data
21 | pids
22 | *.pid
23 | *.seed
24 | *.pid.lock
25 | 
26 | # Directory for instrumented libs generated by jscoverage/JSCover
27 | lib-cov
28 | 
29 | # Coverage directory used by tools like istanbul
30 | coverage
31 | 
32 | # nyc test coverage
33 | .nyc_output
34 | 
35 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
36 | .grunt
37 | 
38 | # Bower dependency directory (https://bower.io/)
39 | bower_components
40 | 
41 | # node-waf configuration
42 | .lock-wscript
43 | 
44 | # Compiled binary addons (http://nodejs.org/api/addons.html)
45 | build/Release
46 | 
47 | # Dependency directories
48 | node_modules/
49 | jspm_packages/
50 | 
51 | # Typescript v1 declaration files
52 | typings/
53 | 
54 | # Optional npm cache directory
55 | .npm
56 | 
57 | # Optional eslint cache
58 | .eslintcache
59 | 
60 | # Optional REPL history
61 | .node_repl_history
62 | 
63 | # Output of 'npm pack'
64 | *.tgz
65 | 
66 | # Yarn Integrity file
67 | .yarn-integrity
68 | 
69 | # dotenv environment variables file
70 | .env
71 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Olayinka Success
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Nuxt.js SSR Blog
 2 | Serverless static-generated Nuxt.js Universal JavaScript web application. You can see the demo app here: https://nuxt-ssr-blog.firebaseapp.com/
 3 | 
 4 | > A Nuxt.js project
 5 | 
 6 | ## Build Setup
 7 | 
 8 | ``` bash
 9 | # install dependencies
10 | $ npm install # Or yarn install
11 | 
12 | # serve with hot reload at localhost:3000
13 | $ npm run dev
14 | 
15 | # build for production and launch server
16 | $ npm run build
17 | $ npm start
18 | 
19 | # generate static project
20 | $ npm run generate
21 | ```
22 | 
23 | For detailed explanation on how things work, checkout the [Nuxt.js docs](https://github.com/nuxt/nuxt.js).
24 | 
25 | 


--------------------------------------------------------------------------------
/assets/README.md:
--------------------------------------------------------------------------------
1 | # ASSETS
2 | 
3 | This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
4 | 
5 | More information about the usage of this directory in the documentation:
6 | https://nuxtjs.org/guide/assets#webpacked
7 | 
8 | **This directory is not required, you can delete it if you don't want to use it.**
9 | 


--------------------------------------------------------------------------------
/components/Logo.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="VueToNuxtLogo">
 3 |     <div class="Triangle Triangle--two"></div>
 4 |     <div class="Triangle Triangle--one"></div>
 5 |     <div class="Triangle Triangle--three"></div>
 6 |     <div class="Triangle Triangle--four"></div>
 7 |   </div>
 8 | </template>
 9 | 
10 | <style>
11 | .VueToNuxtLogo
12 | {
13 |   display: inline-block;
14 |   animation: turn 2s linear forwards 1s;
15 |   transform: rotateX(180deg);
16 |   position: relative;
17 |   overflow: hidden;
18 |   height: 180px;
19 |   width: 245px;
20 | }
21 | .Triangle
22 | {
23 |   position: absolute;
24 |   top: 0;
25 |   left: 0;
26 |   width: 0;
27 |   height: 0;
28 | }
29 | .Triangle--one
30 | {
31 |   border-left: 105px solid transparent;
32 |   border-right: 105px solid transparent;
33 |   border-bottom: 180px solid #41B883;
34 | }
35 | .Triangle--two
36 | {
37 |   top: 30px;
38 |   left: 35px;
39 |   animation: goright 0.5s linear forwards 3.5s;
40 |   border-left: 87.5px solid transparent;
41 |   border-right: 87.5px solid transparent;
42 |   border-bottom: 150px solid #3B8070;
43 | }
44 | .Triangle--three
45 | {
46 |   top: 60px;
47 |   left: 35px;
48 |   animation: goright 0.5s linear forwards 3.5s;
49 |   border-left: 70px solid transparent;
50 |   border-right: 70px solid transparent;
51 |   border-bottom: 120px solid #35495E;
52 | }
53 | .Triangle--four
54 | {
55 |   top: 120px;
56 |   left: 70px;
57 |   animation: godown 0.5s linear forwards 3s;
58 |   border-left: 35px solid transparent;
59 |   border-right: 35px solid transparent;
60 |   border-bottom: 60px solid #fff;
61 | }
62 | 
63 | @keyframes turn {
64 |   100% {
65 |     transform: rotateX(0deg);
66 |   }
67 | }
68 | @keyframes godown {
69 |   100% {
70 |     top: 180px;
71 |   }
72 | }
73 | @keyframes goright {
74 |   100% {
75 |     left: 70px;
76 |   }
77 | }
78 | </style>
79 | 


--------------------------------------------------------------------------------
/components/Posts.vue:
--------------------------------------------------------------------------------
 1 | <!-- ./components/posts.vue -->
 2 | <template>
 3 |   <section class="main-content">
 4 |     <div class="container">
 5 |       <h1 class="title has-text-centered">
 6 |         Recent Posts.
 7 |       </h1>
 8 |       <div class="columns is-multiline">
 9 |         <div class="column is-half" v-for="post in posts">
10 |           <div class="card">
11 |            <header class="card-header">
12 |             <p class="card-header-title">
13 |               {{ post.title }}
14 |             </p>
15 |           </header>
16 |           <div class="card-content">
17 |             <div class="content">
18 |               {{ post.summary }}
19 |               <br>
20 |               <small>
21 |                 by <strong>{{ post.author}}</strong> 
22 |                 \\ {{ post.published }}
23 |               </small>
24 |             </div>
25 |           </div>
26 |           <footer class="card-footer">
27 |             <nuxt-link :to="`post/${post.id}`" 
28 |               class="card-footer-item" append>
29 |               Read More
30 |             </nuxt-link>
31 |           </footer>
32 |         </div>
33 |       </div>
34 |     </div>
35 |   </div>
36 | </section>
37 | </template>
38 | 
39 | <script>
40 |   import posts from '~/posts.json'
41 | 
42 |   export default {
43 |     name: 'posts',
44 |     data () {
45 |       return { posts }
46 |     }
47 |   }
48 | </script>
49 | 


--------------------------------------------------------------------------------
/components/README.md:
--------------------------------------------------------------------------------
1 | # COMPONENTS
2 | 
3 | The components directory contains your Vue.js Components.
4 | Nuxt.js doesn't supercharge these components.
5 | 
6 | **This directory is not required, you can delete it if you don't want to use it.**
7 | 


--------------------------------------------------------------------------------
/firebase.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "hosting": {
 3 |     "public": "dist",
 4 |     "rewrites": [
 5 |       {
 6 |         "source": "**",
 7 |         "destination": "/index.html"
 8 |       }
 9 |     ],
10 |     "ignore": [
11 |       "firebase.json",
12 |       "**/.*",
13 |       "**/node_modules/**"
14 |     ]
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/layouts/README.md:
--------------------------------------------------------------------------------
1 | # LAYOUTS
2 | 
3 | This directory contains your Application Layouts.
4 | 
5 | More information about the usage of this directory in the documentation:
6 | https://nuxtjs.org/guide/views#layouts
7 | 
8 | **This directory is not required, you can delete it if you don't want to use it.**
9 | 


--------------------------------------------------------------------------------
/layouts/default.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <!-- navigation -->
 4 |     <nav class="nav has-shadow">
 5 |       <div class="container">
 6 |         <div class="nav-left">
 7 |           <nuxt-link to="/" class="nav-item">
 8 |             Awesome JS SSR Blog!
 9 |           </nuxt-link>
10 |           <nuxt-link active-class="is-active" to="/" class="nav-item is-tab" exact>Home</nuxt-link>
11 |           <nuxt-link active-class="is-active" to="/about" class="nav-item is-tab" exact>About</nuxt-link>
12 |         </div>
13 |       </div>
14 |     </nav>
15 |     <!-- /navigation -->
16 | 
17 |     <!-- displays the page component -->
18 |     <nuxt/>
19 | 
20 |   </div>
21 | </template>
22 | 
23 | <style>
24 |   .main-content {
25 |     margin: 30px 0;
26 |   }
27 | </style>
28 | 


--------------------------------------------------------------------------------
/middleware/README.md:
--------------------------------------------------------------------------------
 1 | # MIDDLEWARE
 2 | 
 3 | This directory contains your Application Middleware.
 4 | The middleware lets you define custom function to be ran before rendering a page or a group of pages (layouts).
 5 | 
 6 | More information about the usage of this directory in the documentation:
 7 | https://nuxtjs.org/guide/routing#middleware
 8 | 
 9 | **This directory is not required, you can delete it if you don't want to use it.**
10 | 


--------------------------------------------------------------------------------
/nuxt.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   /*
 3 |   ** Headers of the page
 4 |   */
 5 |   head: {
 6 |     title: 'starter',
 7 |     titleTemplate: '%s | Awesome JS SSR Blog',
 8 |     meta: [
 9 |       { charset: 'utf-8' },
10 |       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
11 |       { hid: 'description', name: 'description', content: 'Nuxt.js project' }
12 |     ],
13 |     link: [
14 |       { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
15 |       {
16 |         rel: 'stylesheet',
17 |         href: 'https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.2/css/bulma.min.css'
18 |       }
19 |     ]
20 |   },
21 |   /*
22 |   ** Customize the progress-bar color
23 |   */
24 |   loading: { color: '#3B8070' },
25 |   /*
26 |   ** Build configuration
27 |   */
28 |   build: {
29 |     /*
30 |     ** Run ESLINT on save
31 |     */
32 |     extend (config, ctx) {
33 |       if (ctx.isClient) {
34 |         config.module.rules.push({
35 |           enforce: 'pre',
36 |           test: /\.(js|vue)$/,
37 |           loader: 'eslint-loader',
38 |           exclude: /(node_modules)/
39 |         })
40 |       }
41 |     }
42 |   },
43 |   generate: {
44 |     routes (callback) {
45 |       const posts = require('./posts.json')
46 |       let routes = posts.map(post => `post/${post.id}`)
47 |       callback(null, routes)
48 |     }
49 |   }
50 | }
51 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "ssr-blog",
 3 |   "version": "1.0.0",
 4 |   "description": "Nuxt.js project",
 5 |   "author": "Olayinka Success <olayinka.omole@gmail.com>",
 6 |   "private": true,
 7 |   "dependencies": {
 8 |     "nuxt": "latest"
 9 |   },
10 |   "scripts": {
11 |     "dev": "nuxt",
12 |     "build": "nuxt build",
13 |     "start": "nuxt start",
14 |     "generate": "nuxt generate",
15 |     "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
16 |     "precommit": "npm run lint",
17 |     "deploy": "push-dir --dir=dist --branch=gh-pages --cleanup"
18 |   },
19 |   "devDependencies": {
20 |     "babel-eslint": "^7.1.1",
21 |     "eslint": "^3.15.0",
22 |     "eslint-config-standard": "^6.2.1",
23 |     "eslint-loader": "^1.6.1",
24 |     "eslint-plugin-html": "^2.0.0",
25 |     "eslint-plugin-promise": "^3.4.1",
26 |     "eslint-plugin-standard": "^2.0.1",
27 |     "push-dir": "^0.4.1"
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/pages/README.md:
--------------------------------------------------------------------------------
1 | # PAGES
2 | 
3 | This directory contains your Application Views and Routes.
4 | The framework reads all the .vue files inside this directory and create the router of your application.
5 | 
6 | More information about the usage of this directory in the documentation:
7 | https://nuxtjs.org/guide/routing
8 | 


--------------------------------------------------------------------------------
/pages/about.vue:
--------------------------------------------------------------------------------
 1 | <!-- ./pages/about.vue -->
 2 | <template>
 3 |   <div class="main-content">
 4 |     <div class="container">
 5 |       <h2 class="title is-2">About this website.</h2>
 6 |       <p>Curabitur accumsan turpis pharetra <strong>augue tincidunt</strong> blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.</p>
 7 |       <br>
 8 |       <h4 class="title is-4">What we hope to achieve:</h4>
 9 |       <ul>
10 |         <li>In fermentum leo eu lectus mollis, quis dictum mi aliquet.</li>
11 |         <li>Morbi eu nulla lobortis, lobortis est in, fringilla felis.</li>
12 |         <li>Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.</li>
13 |         <li>Ut non enim metus.</li>
14 |       </ul>
15 |     </div>
16 |   </div>
17 | </template>
18 | 
19 | <script>
20 | export default {
21 |   head: {
22 |     title: 'About'
23 |   }
24 | }
25 | </script>
26 | 


--------------------------------------------------------------------------------
/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <!-- ./pages/index.vue -->
 2 | <template>
 3 | <div>
 4 |     <section class="hero is-medium is-primary is-bold">
 5 |     <div class="hero-body">
 6 |       <div class="container">
 7 |         <h1 class="title">
 8 |           Welcome to the JavaScript SSR Blog.
 9 |         </h1>
10 |         <h2 class="subtitle">
11 |           Hope you find something you like.
12 |         </h2>
13 |       </div>
14 |     </div>
15 |   </section>
16 | 
17 |   <posts />
18 | </div>
19 | </template>
20 | 
21 | <script>
22 | import Posts from '~components/Posts.vue'
23 | export default {
24 |   components: {
25 |     Posts
26 |   },
27 |   head: {
28 |     title: 'Home'
29 |   }
30 | }
31 | </script>
32 | 


--------------------------------------------------------------------------------
/pages/post/_id/index.vue:
--------------------------------------------------------------------------------
 1 | <!-- ./pages/post/_id/index.vue -->
 2 | <template>
 3 |   <div class="main-content">
 4 |     <div class="container">
 5 |       <h2 class="title is-2">{{ post.title }}</h2>
 6 |       <div v-html="post.content"></div>
 7 |       <br>
 8 |       <h4 class="title is-5 is-marginless">by <strong>{{ post.author }}</strong> at <strong>{{ post.published }}</strong></h4>
 9 |     </div>
10 |   </div>
11 | </template>
12 | 
13 | <script>
14 |   // import posts saved JSON data
15 |   import posts from '~/posts.json'
16 | 
17 |   export default {
18 |     validate ({ params }) {
19 |       return /^\d+$/.test(params.id)
20 |     },
21 |     asyncData ({ params }, callback) {
22 |       let post = posts.find(post => post.id === parseInt(params.id))
23 |       if (post) {
24 |         callback(null, { post })
25 |       } else {
26 |         callback({ statusCode: 404, message: 'Post not found' })
27 |       }
28 |     },
29 |     head () {
30 |       return {
31 |         title: this.post.title,
32 |         meta: [
33 |           {
34 |             hid: 'description',
35 |             name: 'description',
36 |             content: this.post.summary
37 |           }
38 |         ]
39 |       }
40 |     }
41 |   }
42 | </script>
43 | 


--------------------------------------------------------------------------------
/plugins/README.md:
--------------------------------------------------------------------------------
1 | # PLUGINS
2 | 
3 | This directory contains your Javascript plugins that you want to run before instantiating the root vue.js application.
4 | 
5 | More information about the usage of this directory in the documentation:
6 | https://nuxtjs.org/guide/plugins
7 | 
8 | **This directory is not required, you can delete it if you don't want to use it.**
9 | 


--------------------------------------------------------------------------------
/posts.json:
--------------------------------------------------------------------------------
 1 | [
 2 | 	{
 3 | 		"id": 4,
 4 | 		"title": "Building universal JS apps with Nuxt.js",
 5 | 		"summary": "Get introduced to Nuxt.js, and build great SSR Apps with Vue.js.",
 6 | 		"content": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>",
 7 | 		"author": "Jane Doe",
 8 | 		"published": "08:00 - 07/06/2017"
 9 | 	},
10 | 	{
11 | 		"id": 3,
12 | 		"title": "Great SSR Use cases",
13 | 		"summary": "See simple and rich server rendered JavaScript apps.",
14 | 		"content": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>",
15 | 		"author": "Jane Doe",
16 | 		"published": "17:00 - 06/06/2017"
17 | 	},
18 | 	{
19 | 		"id": 2,
20 | 		"title": "SSR in Vue.js",
21 | 		"summary": "Learn about SSR in Vue.js, and where Nuxt.js can make it all faster.",
22 | 		"content": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>",
23 | 		"author": "Jane Doe",
24 | 		"published": "13:00 - 06/06/2017"
25 | 	},
26 | 	{
27 | 		"id": 1,
28 | 		"title": "Introduction to SSR",
29 | 		"summary": "Learn about SSR in JavaScript and how it can be super cool.",
30 | 		"content": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>",
31 | 		"author": "John Doe",
32 | 		"published": "11:00 - 06/06/2017"
33 | 	}
34 | ]
35 | 


--------------------------------------------------------------------------------
/static/README.md:
--------------------------------------------------------------------------------
 1 | # STATIC
 2 | 
 3 | This directory contains your static files.
 4 | Each file inside this directory is mapped to /.
 5 | 
 6 | Example: /static/robots.txt is mapped as /robots.txt.
 7 | 
 8 | More information about the usage of this directory in the documentation:
 9 | https://nuxtjs.org/guide/assets#static
10 | 
11 | **This directory is not required, you can delete it if you don't want to use it.**
12 | 


--------------------------------------------------------------------------------
/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/olayinkaos/nuxt-ssr-blog/2dbaa9ad324631ef9a59a537ec194aa5d1371fb9/static/favicon.ico


--------------------------------------------------------------------------------
/store/README.md:
--------------------------------------------------------------------------------
 1 | # STORE
 2 | 
 3 | This directory contains your Vuex Store files.
 4 | Vuex Store option is implemented in the Nuxt.js framework.
 5 | Creating a index.js file in this directory activate the option in the framework automatically.
 6 | 
 7 | More information about the usage of this directory in the documentation:
 8 | https://nuxtjs.org/guide/vuex-store
 9 | 
10 | **This directory is not required, you can delete it if you don't want to use it.**
11 | 


--------------------------------------------------------------------------------