├── .editorconfig ├── .eslintrc.js ├── .gitignore ├── .prettierrc ├── CHANGELOG.md ├── README.md ├── _CMS ├── Content │ ├── about.md │ ├── articles │ │ ├── article-1.md │ │ ├── customizing-vuetify.md │ │ └── example-1.md │ └── projects │ │ └── project-1.md ├── Data │ ├── file-1.yml │ ├── file-7.yml │ ├── main-nav.yml │ └── students.yml └── Site │ └── menu.yml ├── assets ├── README.md ├── images │ └── hero1.png ├── style │ ├── app.styl │ └── variables.styl └── svg-icons │ ├── facebook.svg │ ├── instagram.svg │ ├── linkedin.svg │ └── twitter.svg ├── components ├── VContactForm.vue ├── VDesktopNav.vue ├── VMobileNav.vue ├── VSiteContent.vue ├── VSiteFooter.vue └── VSiteHeader.vue ├── config ├── meta.js ├── navigation.js └── site.js ├── layouts └── default.vue ├── middleware └── meta.js ├── nuxt.config.js ├── package.json ├── pages ├── about.vue ├── articles │ ├── _slug.vue │ └── index.vue ├── contact.vue ├── index.vue └── projects │ ├── _slug.vue │ └── index.vue ├── plugins ├── create-seo │ ├── helpers.js │ └── index.js └── vuetify.js ├── static ├── README.md ├── favicon.ico ├── icon.png ├── share.png └── v.png ├── store └── index.js ├── utils ├── .gitkeep └── index.js └── yarn.lock /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = space 6 | indent_size = 2 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 | env: { 4 | browser: true, 5 | node: true 6 | }, 7 | parserOptions: { 8 | parser: 'babel-eslint' 9 | }, 10 | extends: [ 11 | // '@nuxtjs', 12 | // 'plugin:prettier/recommended' 13 | 14 | '@nuxtjs', 15 | 'plugin:nuxt/recommended', 16 | 'plugin:prettier/recommended', 17 | 'prettier', 18 | 'prettier/vue' 19 | ], 20 | plugins: [ 21 | 'prettier' 22 | ], 23 | // add your custom rules here 24 | rules: { 25 | "vue/no-v-html": 0 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Created by .ignore support plugin (hsz.mobi) 2 | ### Node template 3 | # Logs 4 | logs 5 | *.log 6 | npm-debug.log* 7 | yarn-debug.log* 8 | yarn-error.log* 9 | 10 | # Runtime data 11 | .DS_Store 12 | pids 13 | *.pid 14 | *.seed 15 | *.pid.lock 16 | **/*/.DS_STORE 17 | # Directory for instrumented libs generated by jscoverage/JSCover 18 | lib-cov 19 | 20 | # Coverage directory used by tools like istanbul 21 | coverage 22 | 23 | # nyc test coverage 24 | .nyc_output 25 | 26 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 27 | .grunt 28 | 29 | # Bower dependency directory (https://bower.io/) 30 | bower_components 31 | 32 | # node-waf configuration 33 | .lock-wscript 34 | 35 | # Compiled binary addons (https://nodejs.org/api/addons.html) 36 | build/Release 37 | 38 | # Dependency directories 39 | node_modules/ 40 | jspm_packages/ 41 | 42 | # TypeScript v1 declaration files 43 | typings/ 44 | 45 | # Optional npm cache directory 46 | .npm 47 | 48 | # Optional eslint cache 49 | .eslintcache 50 | 51 | # Optional REPL history 52 | .node_repl_history 53 | 54 | # Output of 'npm pack' 55 | *.tgz 56 | 57 | # Yarn Integrity file 58 | .yarn-integrity 59 | 60 | # dotenv environment variables file 61 | .env 62 | 63 | # parcel-bundler cache (https://parceljs.org/) 64 | .cache 65 | 66 | # next.js build output 67 | .next 68 | 69 | # nuxt.js build output 70 | .nuxt 71 | 72 | # Nuxt generate 73 | dist 74 | 75 | # vuepress build output 76 | .vuepress/dist 77 | 78 | # Serverless directories 79 | .serverless 80 | 81 | # IDE 82 | .idea 83 | 84 | # Service worker 85 | sw.* 86 | 87 | # Backups 88 | 89 | .BACKUP 90 | _BACKUP -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "semi": false, 3 | "singleQuote": true 4 | } 5 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines. 4 | 5 | 6 | ## [0.8.3](https://github.com/davidroyer/nuxtify/compare/v0.8.2...v0.8.3) (2019-04-01) 7 | 8 | 9 | 10 | 11 | ## [0.8.2](https://github.com/davidroyer/nuxtify/compare/v0.8.1...v0.8.2) (2019-04-01) 12 | 13 | 14 | ### Bug Fixes 15 | 16 | * fixes setup after nuxtcms upgrade ([bb66a34](https://github.com/davidroyer/nuxtify/commit/bb66a34)) 17 | * sets correct primary color ([d29b250](https://github.com/davidroyer/nuxtify/commit/d29b250)) 18 | 19 | 20 | 21 | 22 | ## [0.8.1](https://github.com/davidroyer/nuxtify/compare/v0.8.0...v0.8.1) (2019-02-18) 23 | 24 | 25 | ### Performance Improvements 26 | 27 | * Removes nuxt-axios ([91f2775](https://github.com/davidroyer/nuxtify/commit/91f2775)) 28 | * **layout:** Changes VSiteFooter to regular import instead of async ([e8dde5c](https://github.com/davidroyer/nuxtify/commit/e8dde5c)) 29 | 30 | 31 | 32 | 33 | # [0.8.0](https://github.com/davidroyer/nuxtify/compare/v0.7.1...v0.8.0) (2019-02-11) 34 | 35 | 36 | ### Bug Fixes 37 | 38 | * Fixes external links and text ([fdc136c](https://github.com/davidroyer/nuxtify/commit/fdc136c)) 39 | * Fixes meta title for home page ([51e9ad1](https://github.com/davidroyer/nuxtify/commit/51e9ad1)) 40 | 41 | 42 | ### Features 43 | 44 | * Adds contact-form. Fixes padding styles ([c035631](https://github.com/davidroyer/nuxtify/commit/c035631)) 45 | 46 | 47 | 48 | 49 | ## [0.7.1](https://github.com/davidroyer/nuxtify/compare/v0.7.0...v0.7.1) (2019-02-08) 50 | 51 | 52 | ### Bug Fixes 53 | 54 | * **accessibility:** Resolves color contrast for email link in footer ([09b0896](https://github.com/davidroyer/nuxtify/commit/09b0896)) 55 | * Renames project to Nuxtify ([ed6b435](https://github.com/davidroyer/nuxtify/commit/ed6b435)) 56 | 57 | 58 | 59 | 60 | # [0.7.0](https://github.com/davidroyer/vuxt/compare/v0.6.0...v0.7.0) (2019-02-06) 61 | 62 | 63 | ### Bug Fixes 64 | 65 | * **accessibility:** Fixes image accessibility issues ([b9d228b](https://github.com/davidroyer/vuxt/commit/b9d228b)) 66 | * **accessibility:** Removes accessibility issues with buttons ([491a1c8](https://github.com/davidroyer/vuxt/commit/491a1c8)) 67 | 68 | 69 | ### Features 70 | 71 | * **styles:** Allows overwritting stylus variables inside \`app.styl\` ([753f59b](https://github.com/davidroyer/vuxt/commit/753f59b)) 72 | 73 | 74 | 75 | 76 | # [0.6.0](https://github.com/davidroyer/vuxt/compare/v0.5.1...v0.6.0) (2019-02-06) 77 | 78 | 79 | ### Features 80 | 81 | * Adds watch to data directory ([9196124](https://github.com/davidroyer/vuxt/commit/9196124)) 82 | * Allows for easy SEO setup with $createSeo plugin ([18d6353](https://github.com/davidroyer/vuxt/commit/18d6353)) 83 | 84 | 85 | 86 | 87 | ## [0.5.1](https://github.com/davidroyer/vuxt/compare/v0.5.0...v0.5.1) (2019-02-05) 88 | 89 | 90 | ### Performance Improvements 91 | 92 | * **fonts:** Adds `nuxt-webfontloader` for Roboto and Material Icons ([6bfdc1a](https://github.com/davidroyer/vuxt/commit/6bfdc1a)) 93 | 94 | 95 | 96 | 97 | # [0.5.0](https://github.com/davidroyer/vuxt/compare/v0.4.0...v0.5.0) (2019-02-05) 98 | 99 | 100 | ### Features 101 | 102 | * **mobile menu:** Adds close icon to mobile menu drawer ([c8d5745](https://github.com/davidroyer/vuxt/commit/c8d5745)) 103 | 104 | 105 | 106 | 107 | # [0.4.0](https://github.com/davidroyer/vuxt/compare/v0.3.0...v0.4.0) (2019-02-05) 108 | 109 | 110 | ### Bug Fixes 111 | 112 | * Adds DS_Store to `.gitignore` ([3a2cb9c](https://github.com/davidroyer/vuxt/commit/3a2cb9c)) 113 | 114 | 115 | ### Features 116 | 117 | * **social icons:** Begins to add social icons in footer ([0bc743f](https://github.com/davidroyer/vuxt/commit/0bc743f)) 118 | 119 | 120 | 121 | 122 | # [0.3.0](https://github.com/davidroyer/vuxt/compare/v0.2.0...v0.3.0) (2019-02-05) 123 | 124 | 125 | ### Features 126 | 127 | * **pages:** Added `page` for Contact ([b1eea3e](https://github.com/davidroyer/vuxt/commit/b1eea3e)) 128 | 129 | 130 | 131 | 132 | # [0.2.0](https://github.com/davidroyer/vuxt/compare/v0.1.0...v0.2.0) (2019-02-05) 133 | 134 | 135 | ### Bug Fixes 136 | 137 | * Fixes social icons by removing them ([fe6de8e](https://github.com/davidroyer/vuxt/commit/fe6de8e)) 138 | 139 | 140 | ### Features 141 | 142 | * **Mobile Nav State:** Uses for state of nav ([88299f4](https://github.com/davidroyer/vuxt/commit/88299f4)) 143 | 144 | 145 | 146 | 147 | # [0.1.0](https://github.com/davidroyer/vuxt/compare/v0.0.1...v0.1.0) (2019-02-05) 148 | 149 | 150 | ### Features 151 | 152 | * **Releases:** Addes new script to push new release to Github ([fe11062](https://github.com/davidroyer/vuxt/commit/fe11062)) 153 | 154 | 155 | 156 | 157 | ## 0.0.1 (2019-02-05) 158 | 159 | 160 | ### Bug Fixes 161 | 162 | * Fixes version ([5d97816](https://github.com/davidroyer/vuxt/commit/5d97816)) 163 | 164 | 165 | ### Features 166 | 167 | * **releases:** Added for development and releasing ([865be2e](https://github.com/davidroyer/vuxt/commit/865be2e)) 168 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Nuxtify 2 | 3 | > Nuxt Boilerplate with Vuetify 4 | 5 | ## Demo 6 | 7 | :computer: https://nuxtify.netlify.com/ 8 | 9 | ## For Version Information 10 | ## [📖 **Release Notes**](./CHANGELOG.md) 11 | 12 | ## Build Setup 13 | 14 | ``` bash 15 | # install dependencies 16 | $ yarn install 17 | 18 | # serve with hot reload at localhost:3000 19 | $ yarn run dev 20 | 21 | # build for production and launch server 22 | $ yarn run build 23 | $ yarn start 24 | 25 | # generate static project 26 | $ yarn run generate 27 | ``` 28 | 29 | For detailed explanation on how things work, checkout [Nuxt.js docs](https://nuxtjs.org). 30 | 31 | 32 | # Commiting 33 | - feat 34 | - fix 35 | - docs 36 | - style 37 | - refactor 38 | - perf 39 | - test 40 | - chore 41 | 42 | ## Notes 43 | 44 | To get correct styling for using ` `` `, you must use `\` before it -------------------------------------------------------------------------------- /_CMS/Content/about.md: -------------------------------------------------------------------------------- 1 | ## first contentss 2 | s 3 | hi2s 4 | 5 | - item -------------------------------------------------------------------------------- /_CMS/Content/articles/article-1.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Article 1 3 | date: 12-04-2019 4 | description: 5 | Some basic description for this article to use as aan excerpt. 6 | It should include good info to entice someones to click to read more. 7 | tags: 8 | - tag 1aa 9 | - tag 2aa 10 | - tag 3 11 | - tag 4 12 | - tag 5 13 | --- 14 | 15 | # Heading 1!asss 16 | 17 | `inline code test` 18 | 19 | ## I can't lie. This isss amazing!!! :computer: :smile: 20 | 21 | --- 22 | 23 | :::warning 24 | :warning: Something you should know about 25 | ::: 26 | 27 | :::tip 28 | :thumbsup: Something that's will be the key to your success 29 | ::: 30 | 31 | 32 | 33 | # heading 1sss 34 | 35 | ## heading 2ssss 36 | 37 | 38 | # heading 2 39 | 40 | - item 1 41 | - item 2 42 | - item 1 43 | - item 3wss 44 | 45 | ::: tip 46 | This is a tip 47 | ::: 48 | 49 | ::: warning 50 | This is a warning 51 | ::: 52 | 53 | abqaa 54 | 55 | ::: danger 56 | This is a dangerous warning 57 | ::: 58 | 59 | :::danger STOP :wrench: 60 | Danger zone, do not proceed! 61 | ::: 62 | 63 | # head 1 64 | 65 | [I'm an inline-style link](https://www.google.com) 66 | 68 | 69 | # heading 1as 70 | 71 | 72 | ## Heading 2aaass 73 | 74 | ssss 75 | 76 | :smile: 77 | 78 | # heading 1cb 79 | 80 | ## heading 2b 81 | 82 | ## heading 2 83 | 84 | ### heading 3 -------------------------------------------------------------------------------- /_CMS/Content/articles/customizing-vuetify.md: -------------------------------------------------------------------------------- 1 | After much searching, researching, and trial and error, I was able to get a working version of customizing Vuetify. 2 | 3 | If for example you use `create-nuxt-app`, you can override the default values for the variables before requiring the Vuetify `app.styl` file. 4 | 5 | ```stylus 6 | $font-size-root = 15px 7 | $body-font-family = 'Open Sans' 8 | $alert-font-size = 18px 9 | $button-font-size = 16px 10 | 11 | @require '~vuetify/src/stylus/app.styl' 12 | 13 | body 14 | font-family: $body-font-family 15 | font-size: $font-size-root 16 | font-weight: $font-weights.regular 17 | line-height: $line-height-root 18 | ``` 19 | 20 | ```js 21 | asyncData({ $cmsApi, params }) { 22 | const article = $cmsApi.get('articles', params.slug) 23 | return { article } 24 | }, 25 | ``` -------------------------------------------------------------------------------- /_CMS/Content/articles/example-1.md: -------------------------------------------------------------------------------- 1 | __Advertisement :)__ 2 | 3 | # EXAMPLE 1 4 | 5 | ::: warning 6 | *here be dragons* 7 | ::: 8 | 9 | - __[pica](https://nodeca.github.io/pica/demo/)__ - high quality and fast image 10 | resize in browser. 11 | - __[babelfish](https://github.com/nodeca/babelfish/)__ - developer friendly 12 | i18n with plurals support and easy syntax. 13 | 14 | You will like those projects! 15 | 16 | --- 17 | 18 | - item asssss 19 | - item 20 | - item 12dsssss 21 | - item 12dsssss 22 | - item 2 23 | - item abde 24 | - item 25 | 26 | # h1 Heading 8-) sS 27 | ## h2 Heading 28 | ### h3 Heading 29 | #### h4 Heading 30 | ##### h5 Heading 31 | ###### h6 Heading 32 | 33 | 34 | ## Horizontal Rules 35 | 36 | ___ 37 | 38 | ## Typographic replacements 39 | 40 | Enable typographer option to see result. 41 | 42 | (c) (C) (r) (R) (tm) (TM) (p) (P) +- 43 | 44 | test.. test... test..... test?..... test!.... 45 | 46 | !!!!!! ???? ,, -- --- 47 | 48 | "Smartypants, double quotes" and 'single quotes' 49 | 50 | 51 | ## Emphasis 52 | 53 | **This is bold text** 54 | 55 | __This is bold text__ 56 | 57 | *This is italic text* 58 | 59 | _This is italic text_ 60 | 61 | ~~Strikethrough~~ 62 | 63 | 64 | ## Blockquotes 65 | 66 | 67 | > Blockquotes can also be nested... 68 | >> ...by using additional greater-than signs right next to each other... 69 | > > > ...or with spaces between arrows. 70 | 71 | 72 | ## Lists 73 | 74 | Unordered 75 | 76 | + Create a list by starting a line with `+`, `-`, or `*` 77 | + Sub-lists are made by indenting 2 spaces: 78 | - Marker character change forces new list start: 79 | * Ac tristique libero volutpat at 80 | + Facilisis in pretium nisl aliquet 81 | - Nulla volutpat aliquam velit 82 | + Very easy! 83 | 84 | Ordered 85 | 86 | 1. Lorem ipsum dolor sit amet 87 | 2. Consectetur adipiscing elit 88 | 3. Integer molestie lorem at massa 89 | 90 | 91 | 1. You can use sequential numbers... 92 | 1. ...or keep all the numbers as `1.` 93 | 94 | Start numbering with offset: 95 | 96 | 57. foo 97 | 1. bar 98 | 99 | 100 | ## Code 101 | 102 | Inline `code` 103 | 104 | Indented code 105 | 106 | // Some comments 107 | line 1 of code 108 | line 2 of code 109 | line 3 of code 110 | 111 | 112 | Block code "fences" 113 | 114 | ``` jsx 115 | 121 | ``` 122 | 123 | Syntax highlighting 124 | 125 | ``` js 126 | var foo = function (bar) { 127 | return bar++; 128 | }; 129 | 130 | console.log(foo(5)); 131 | ``` 132 | 133 | ## Tables 134 | 135 | | Option | Description | 136 | | ------ | ----------- | 137 | | data | path to data files to supply the data that will be passed into templates. | 138 | | engine | engine to be used for processing templates. Handlebars is the default. | 139 | | ext | extension to be used for dest files. | 140 | 141 | *** 142 | 143 | Left & Right aligned columns 144 | 145 | | Option | Description | 146 | |:------ | -----------:| 147 | | data | path to data files to supply the data that will be passed into templates. | 148 | | engine | engine to be used for processing templates. Handlebars is the default. | 149 | | ext | extension to be used for dest files. | 150 | 151 | 152 | ## Links 153 | 154 | [link text](http://dev.nodeca.com) 155 | 156 | [link with title](http://nodeca.github.io/pica/demo/ "title text!") 157 | 158 | Autoconverted link https://github.com/nodeca/pica (enable linkify to see) 159 | 160 | 161 | ## Images 162 | 163 | ![Minion](https://octodex.github.com/images/minion.png) 164 | ![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat") 165 | 166 | Like links, Images also have a footnote style syntax 167 | 168 | ![Alt text][id] 169 | 170 | With a reference later in the document defining the URL location: 171 | 172 | [id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat" 173 | 174 | 175 | ## Plugins 176 | 177 | The killer feature of `markdown-it` is very effective support of 178 | [syntax plugins](https://www.npmjs.org/browse/keyword/markdown-it-plugin). 179 | 180 | 181 | ### [Emojies](https://github.com/markdown-it/markdown-it-emoji) 182 | 183 | > Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum: 184 | > 185 | > Shortcuts (emoticons): :-) :-( 8-) ;) 186 | 187 | see [how to change output](https://github.com/markdown-it/markdown-it-emoji#change-output) with twemoji. 188 | 189 | 190 | 194 | 195 | 196 | 204 | 205 | 206 | 221 | 222 | 223 | ### [Definition lists](https://github.com/markdown-it/markdown-it-deflist) 224 | 225 | Term 1 226 | 227 | : Definition 1 228 | with lazy continuation. 229 | 230 | Term 2 with *inline markup* 231 | 232 | : Definition 2 233 | 234 | { some code, part of Definition 2 } 235 | 236 | Third paragraph of definition 2. 237 | 238 | _Compact style:_ 239 | 240 | Term 1 241 | ~ Definition 1 242 | 243 | Term 2 244 | ~ Definition 2a 245 | ~ Definition 2b 246 | 247 | 248 | ### [Abbreviations](https://github.com/markdown-it/markdown-it-abbr) 249 | 250 | This is HTML abbreviation example. 251 | 252 | It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on. 253 | 254 | *[HTML]: Hyper Text Markup Language 255 | 256 | ### [Custom containers](https://github.com/markdown-it/markdown-it-container) 257 | 258 | ::: warning 259 | *here be dragons* 260 | ::: -------------------------------------------------------------------------------- /_CMS/Content/projects/project-1.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Project 1 Title A 3 | date: 12-04-2019 4 | tags: 5 | - tag 1 6 | - tag 2 7 | - tag 3 8 | - tag 4 9 | --- 10 | 11 | D 12 | dss 13 | DS 14 | 15 | # I am project 16 | 17 | ## heading 2b 18 | 19 | s 20 | A1s 21 | 22 | more 23 | 24 | as -------------------------------------------------------------------------------- /_CMS/Data/file-1.yml: -------------------------------------------------------------------------------- 1 | name: File 1 -------------------------------------------------------------------------------- /_CMS/Data/file-7.yml: -------------------------------------------------------------------------------- 1 | name: File 7 2 | content: Some CONTENTS -------------------------------------------------------------------------------- /_CMS/Data/main-nav.yml: -------------------------------------------------------------------------------- 1 | index: 2 | to: / 3 | label: Home 4 | 5 | articles: 6 | label: Articles 7 | to: /articles 8 | 9 | projects: 10 | label: Projects 11 | to: /projects 12 | 13 | about: 14 | label: About 15 | to: /about 16 | # title: false 17 | description: NEW4 Learn more about the people behind Developmint and get to know us before we get to know you! 18 | 19 | contact: 20 | label: Contact 21 | to: /contact 22 | # title: false 23 | description: Learn more about the people behind Developmint and get to know us before we get to know you! -------------------------------------------------------------------------------- /_CMS/Data/students.yml: -------------------------------------------------------------------------------- 1 | - name: Abed Nadir 2 | school: Greendale 3 | 4 | - name: Troy Barnes 5 | school: Greendale 6 | 7 | - name: David Royer 8 | school: Provdence High School 9 | -------------------------------------------------------------------------------- /_CMS/Site/menu.yml: -------------------------------------------------------------------------------- 1 | index: 2 | label: HomeB 3 | 4 | articles: 5 | label: Articles 6 | to: /articles 7 | 8 | projects: 9 | label: Projects 10 | to: /projects 11 | -------------------------------------------------------------------------------- /assets/README.md: -------------------------------------------------------------------------------- 1 | # ASSETS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your un-compiled assets such as LESS, SASS, or JavaScript. 6 | 7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked). 8 | -------------------------------------------------------------------------------- /assets/images/hero1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidroyer/nuxtify/098cf836554613b8fbbdf35a3493aaef26167a87/assets/images/hero1.png -------------------------------------------------------------------------------- /assets/style/app.styl: -------------------------------------------------------------------------------- 1 | // NOTE: THIS SEEM TO WORK AND HAVE GOOD UPDATES 2 | $font-size-root = 15px 3 | // $body-font-family = 'Open Sans' 4 | $alert-font-size = 18px 5 | $button-font-size = 16px 6 | 7 | @require '~vuetify/src/stylus/app.styl' 8 | // @import '~vuetify/src/stylus/main.styl' 9 | 10 | body 11 | font-family: $body-font-family 12 | font-size: $font-size-root 13 | font-weight: $font-weights.regular 14 | line-height: $line-height-root 15 | h1 16 | font-size: 42px 17 | font-weight: $font-weights.thin 18 | letter-spacing: -0.05rem 19 | 20 | h2 21 | font-size: 32px 22 | font-weight: $font-weights.light 23 | letter-spacing: -0.025rem 24 | 25 | h3 26 | font-size: 20px 27 | font-weight: $font-weights.light 28 | letter-spacing: normal 29 | 30 | h4 31 | font-size: 20px 32 | font-weight: $font-weights.light 33 | letter-spacing: normal 34 | h5 35 | font-size: 16px 36 | font-weight: $font-weights.regular 37 | letter-spacing: normal 38 | 39 | 40 | 41 | 42 | 43 | .v-navigation-drawer .v-list__tile--link > .v-list__tile__title 44 | font-size: 1.1rem; 45 | 46 | // .page 47 | // @extend .fade-transition 48 | 49 | .page-enter-active, 50 | .page-leave-active { 51 | transition: all 0.45s ease-in-out; 52 | transition: all 0.45s cubic-bezier(0.55, 0, 0.1, 1); 53 | } 54 | .page-enter, 55 | .page-leave-active { 56 | opacity: 0; 57 | transform: translate(10px, 0); 58 | } 59 | 60 | // Fix Style issues that Vuetify is messing up by overriding 61 | 62 | .custom-block 63 | p 64 | margin-top 1em !important 65 | 66 | &-title 67 | margin-top 1em !important 68 | font-size: 16px !important 69 | 70 | &.warning 71 | background-color: rgba(255, 229, 100, 0.3) !important; 72 | border-color: #e7c000 !important; 73 | 74 | code:before 75 | content: none; -------------------------------------------------------------------------------- /assets/style/variables.styl: -------------------------------------------------------------------------------- 1 | /** 2 | * Not sure what this is for. Came with template via `create-nuxt-app` 3 | */ 4 | @require '~vuetify/src/stylus/settings/_variables.styl' 5 | -------------------------------------------------------------------------------- /assets/svg-icons/facebook.svg: -------------------------------------------------------------------------------- 1 | Facebook icon -------------------------------------------------------------------------------- /assets/svg-icons/instagram.svg: -------------------------------------------------------------------------------- 1 | Instagram icon -------------------------------------------------------------------------------- /assets/svg-icons/linkedin.svg: -------------------------------------------------------------------------------- 1 | LinkedIn icon -------------------------------------------------------------------------------- /assets/svg-icons/twitter.svg: -------------------------------------------------------------------------------- 1 | Twitter icon -------------------------------------------------------------------------------- /components/VContactForm.vue: -------------------------------------------------------------------------------- 1 | 55 | 56 | 90 | -------------------------------------------------------------------------------- /components/VDesktopNav.vue: -------------------------------------------------------------------------------- 1 | 17 | 18 | 27 | -------------------------------------------------------------------------------- /components/VMobileNav.vue: -------------------------------------------------------------------------------- 1 | 22 | 23 | 48 | -------------------------------------------------------------------------------- /components/VSiteContent.vue: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /components/VSiteFooter.vue: -------------------------------------------------------------------------------- 1 | 48 | 49 | 61 | 76 | -------------------------------------------------------------------------------- /components/VSiteHeader.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 24 | 25 | 31 | -------------------------------------------------------------------------------- /config/meta.js: -------------------------------------------------------------------------------- 1 | import siteConfig from './site.js' 2 | 3 | export default [ 4 | { 5 | charset: 'utf-8' 6 | }, 7 | { 8 | name: 'viewport', 9 | content: 'width=device-width, initial-scale=1, shrink-to-fit=no' 10 | }, 11 | { 12 | 'http-equiv': 'x-ua-compatible', 13 | content: 'ie=edge' 14 | }, 15 | { 16 | hid: 'description', 17 | name: 'description', 18 | content: siteConfig.description 19 | }, 20 | { 21 | hid: 'robots', 22 | name: 'robots', 23 | content: siteConfig.index === false ? 'noindex,nofollow' : 'index,follow' 24 | }, 25 | { 26 | property: 'og:type', 27 | content: 'website' 28 | }, 29 | { 30 | property: 'og:site_name', 31 | content: siteConfig.title 32 | }, 33 | { 34 | hid: 'og:title', 35 | property: 'og:title', 36 | content: siteConfig.title 37 | }, 38 | { 39 | hid: 'og:image', 40 | property: 'og:image', 41 | content: 42 | process.env.NODE_ENV === 'production' 43 | ? `${siteConfig.url}/${siteConfig.ogImage}` 44 | : `http://localhost:3000/${siteConfig.ogImage}` 45 | }, 46 | 47 | { 48 | hid: 'og:description', 49 | property: 'og:description', 50 | content: siteConfig.description 51 | } 52 | ] 53 | -------------------------------------------------------------------------------- /config/navigation.js: -------------------------------------------------------------------------------- 1 | export default { 2 | index: { 3 | label: 'Home', 4 | to: '/', 5 | title: false, 6 | labelToTitle: false // Use this in future 7 | }, 8 | about: { 9 | label: 'About Us', 10 | to: '/about', 11 | description: 12 | 'Learn more about the people behind Developmint and get to know us before we get to know you!' 13 | }, 14 | contact: { 15 | label: 'Contact Us', 16 | to: '/contact', 17 | description: 'FROM NEW DESCRIPTION PROPERTY - Contact Page meta description' 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /config/site.js: -------------------------------------------------------------------------------- 1 | export default { 2 | description: 'Site description goes here for SEO', 3 | 4 | lang: 'en', 5 | 6 | ogImage: 'share.png', 7 | 8 | shortName: 'Nuxtify', 9 | 10 | title: 'Site Title', 11 | 12 | url: 'https://nuxtify.netlify.com' 13 | } 14 | -------------------------------------------------------------------------------- /layouts/default.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 40 | 41 | 52 | -------------------------------------------------------------------------------- /middleware/meta.js: -------------------------------------------------------------------------------- 1 | export default function({ store, route, params, $createSeo }) { 2 | if (params.slug) return 3 | const metaInfo = $createSeo(route.name, route) 4 | // eslint-disable-next-line no-console 5 | console.log('FROM MIDDLEWARE', metaInfo) 6 | return store.commit('setPageMeta', metaInfo) 7 | } 8 | -------------------------------------------------------------------------------- /nuxt.config.js: -------------------------------------------------------------------------------- 1 | import emoji from 'markdown-it-emoji' 2 | import VuetifyLoaderPlugin from 'vuetify-loader/lib/plugin' 3 | import siteMeta from './config/meta' 4 | import siteConfig from './config/site' 5 | import { addSvgLoader } from './utils' 6 | export default { 7 | watch: ['~/config/*'], 8 | 9 | env: { 10 | baseUrl: 11 | process.env.NODE_ENV === 'production' 12 | ? `${siteConfig.url}/` 13 | : 'http://localhost:3000/' 14 | }, 15 | 16 | head: { 17 | /** 18 | * If title is not set for page or blank then we don't need the hyphen 19 | */ 20 | titleTemplate: title => { 21 | return title ? `${title} - Site Title` : `Site Title` 22 | }, 23 | meta: siteMeta, 24 | link: [ 25 | { 26 | rel: 'icon', 27 | type: 'image/x-icon', 28 | href: '/favicon.ico' 29 | } 30 | ] 31 | }, 32 | 33 | /* 34 | ** Customize the progress-bar color 35 | */ 36 | loading: { 37 | color: '#222' 38 | }, 39 | 40 | /* 41 | ** Global CSS 42 | */ 43 | css: ['~/assets/style/app.styl'], 44 | 45 | plugins: ['@/plugins/vuetify', '@/plugins/create-seo'], 46 | 47 | modules: ['@nuxtjs/pwa', 'nuxt-webfontloader', '@droyer/nuxtcms'], 48 | 49 | nuxtcms: { 50 | markdownPlugins: [emoji] 51 | }, 52 | // '@nuxtjs/google-analytics' 53 | // 'google-analytics': { 54 | // id: '123-your-id' 55 | // }, 56 | 57 | /** 58 | * Config for nuxt-webfontloader 59 | * @link https://github.com/nuxt-webfontloader 60 | */ 61 | webfontloader: { 62 | google: { 63 | families: ['Roboto:300,400,500,700', 'Material Icons'] // Loads Lato font with weights 400 and 700 64 | } 65 | }, 66 | 67 | /* 68 | ** Build configuration 69 | */ 70 | build: { 71 | // extractCSS: true, 72 | transpile: ['vuetify/lib'], 73 | plugins: [new VuetifyLoaderPlugin()], 74 | loaders: { 75 | stylus: { 76 | import: ['~assets/style/variables.styl'] 77 | } 78 | }, 79 | 80 | /* 81 | ** You can extend webpack config here 82 | */ 83 | extend(config, ctx) { 84 | addSvgLoader(config) 85 | 86 | // Run ESLint on save 87 | if (ctx.isDev && ctx.isClient) { 88 | config.module.rules.push({ 89 | enforce: 'pre', 90 | test: /\.(js|vue)$/, 91 | loader: 'eslint-loader', 92 | exclude: /(node_modules)/ 93 | }) 94 | } 95 | } 96 | }, 97 | router: { 98 | middleware: ['meta'] 99 | }, 100 | generate: { 101 | fallback: true 102 | } 103 | } 104 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "nuxtify", 3 | "version": "0.8.3", 4 | "description": "My grand Nuxt.js project", 5 | "author": "David Royer", 6 | "private": true, 7 | "scripts": { 8 | "dev": "nuxt", 9 | "build": "nuxt build", 10 | "start": "nuxt start", 11 | "generate": "nuxt generate", 12 | "serve": "yarn http-server dist", 13 | "release": "standard-version && git push --follow-tags origin master", 14 | "lint": "eslint --ext .js,.vue --ignore-path .gitignore .", 15 | "precommit": "npm run lint" 16 | }, 17 | "dependencies": { 18 | "@droyer/nuxtcms": "^0.8.0", 19 | "@nuxtjs/axios": "^5.3.6", 20 | "@nuxtjs/google-analytics": "^2.0.3", 21 | "@nuxtjs/pwa": "^2.6.0", 22 | "nuxt": "^2.4.0", 23 | "nuxt-webfontloader": "^1.0.0", 24 | "vuetify": "^1.5.5", 25 | "vuetify-loader": "^1.2.1" 26 | }, 27 | "devDependencies": { 28 | "@nuxtjs/eslint-config": "^0.0.1", 29 | "babel-eslint": "^10.0.1", 30 | "eslint": "^5.15.1", 31 | "eslint-config-prettier": "^4.1.0", 32 | "eslint-config-standard": ">=12.0.0", 33 | "eslint-loader": "^2.1.2", 34 | "eslint-plugin-import": ">=2.16.0", 35 | "eslint-plugin-jest": ">=22.3.0", 36 | "eslint-plugin-node": ">=8.0.1", 37 | "eslint-plugin-nuxt": ">=0.4.2", 38 | "eslint-plugin-prettier": "^3.0.1", 39 | "eslint-plugin-promise": ">=4.0.1", 40 | "eslint-plugin-standard": ">=4.0.0", 41 | "eslint-plugin-vue": "^5.2.2", 42 | "http-server": "^0.11.1", 43 | "nodemon": "^1.18.9", 44 | "prettier": "^1.16.4", 45 | "standard-version": "^4.4.0", 46 | "stylus": "^0.54.5", 47 | "stylus-loader": "^3.0.2", 48 | "vue-svg-loader": "^0.12.0" 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /pages/about.vue: -------------------------------------------------------------------------------- 1 | 40 | 41 | 55 | -------------------------------------------------------------------------------- /pages/articles/_slug.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 36 | 37 | 42 | 43 | 44 | 45 | 70 | -------------------------------------------------------------------------------- /pages/articles/index.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 22 | -------------------------------------------------------------------------------- /pages/contact.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 26 | -------------------------------------------------------------------------------- /pages/index.vue: -------------------------------------------------------------------------------- 1 | 45 | 46 | 53 | -------------------------------------------------------------------------------- /pages/projects/_slug.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 16 | -------------------------------------------------------------------------------- /pages/projects/index.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 22 | -------------------------------------------------------------------------------- /plugins/create-seo/helpers.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable no-console */ 2 | export const setupRoutesMeta = routesObject => { 3 | for (const route in routesObject) { 4 | routesObject[route].seo = { meta: [] } 5 | if (routesObject[route].title !== false) 6 | routesObject[route].seo.title = routesObject[route].label 7 | } 8 | } 9 | 10 | export const createRouteMeta = ( 11 | originalMetaArray, 12 | metaArrayForRouteMetaProperty 13 | ) => { 14 | if (metaArrayForRouteMetaProperty) 15 | originalMetaArray.push(...metaArrayForRouteMetaProperty) 16 | } 17 | 18 | export const createDefaultMeta = (baseUrl, routePath, title) => { 19 | if (title) { 20 | return [ 21 | { 22 | hid: 'og:title', 23 | name: 'og:title', 24 | property: 'og:title', 25 | content: title 26 | }, 27 | { 28 | name: 'og:url', 29 | content: `${baseUrl}${routePath}` 30 | } 31 | ] 32 | } else { 33 | return [ 34 | { 35 | name: 'og:url', 36 | content: `${baseUrl}${routePath}` 37 | } 38 | ] 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /plugins/create-seo/index.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable no-console */ 2 | import siteNav from '@cmsApi/main-nav' 3 | import Vue from 'vue' 4 | import { createDefaultMeta, createRouteMeta, setupRoutesMeta } from './helpers' 5 | 6 | setupRoutesMeta(siteNav) 7 | 8 | Vue.prototype.$createSeo = function(slug, route, baseMetaArray = []) { 9 | // if (!siteNav[slug]) return {} 10 | return Object.entries(siteNav[slug].seo).reduce((acc, [key, actualValue]) => { 11 | const title = siteNav[slug].title === false ? null : siteNav[slug].label 12 | const description = siteNav[slug].description || null 13 | const defaultMetaArray = createDefaultMeta( 14 | process.env.baseUrl, 15 | route || this.$route.path.substr(1), 16 | // this.$route.path.substr(1), 17 | title 18 | ) 19 | 20 | /** 21 | * If description property exists then return the array of meta objects. 22 | * Else return null 23 | */ 24 | const metaArrayForRouteDescription = description 25 | ? [ 26 | { 27 | hid: 'description', 28 | name: 'description', 29 | property: 'description', 30 | content: description 31 | }, 32 | { 33 | hid: 'og:description', 34 | name: 'og:description', 35 | property: 'og:description', 36 | content: description 37 | } 38 | ] 39 | : null 40 | 41 | /** 42 | * Add meta for description if the property exist for the route 43 | */ 44 | createRouteMeta(defaultMetaArray, metaArrayForRouteDescription) 45 | 46 | const valueForKey = 47 | key !== 'meta' 48 | ? actualValue 49 | : wrap(actualValue) 50 | .concat(defaultMetaArray, baseMetaArray) 51 | .reduce( 52 | (acc, metaObject) => 53 | acc.concat(retrieveMetaObjectArray(metaObject)), 54 | [] 55 | ) 56 | 57 | return { ...acc, [key]: valueForKey } 58 | }, {}) 59 | } 60 | 61 | const wrap = a => (Array.isArray(a) ? a : [a]) 62 | 63 | const retrieveMetaObjectArray = metaObject => { 64 | const wrappedName = wrap(metaObject.name) 65 | 66 | return wrappedName.map(n => ({ 67 | hid: n, 68 | name: n, 69 | property: n, 70 | // Fix url when the meta information is og:image 71 | content: wrappedName.includes('og:image') 72 | ? process.env.baseUrl + metaObject.content.substr(1) 73 | : metaObject.content 74 | })) 75 | } 76 | 77 | export default (ctx, inject) => { 78 | ctx.$createSeo = Vue.prototype.$createSeo 79 | } 80 | -------------------------------------------------------------------------------- /plugins/vuetify.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import colors from 'vuetify/es5/util/colors' 3 | import Vuetify from 'vuetify/lib' 4 | // import '@/theme/default.styl' 5 | 6 | Vue.use(Vuetify, { 7 | theme: { 8 | primary: '#1b1926', 9 | // primary: '#373a47', // a color that is not in the material colors palette 10 | accent: '#01d4a7', 11 | secondary: colors.grey.darken3, 12 | info: colors.teal.lighten1, 13 | warning: colors.amber.base, 14 | error: colors.deepOrange.accent4, 15 | success: colors.green.accent3 16 | // customName: colors.blueGrey.darken4 17 | }, 18 | options: { 19 | customProperties: true 20 | } 21 | }) 22 | -------------------------------------------------------------------------------- /static/README.md: -------------------------------------------------------------------------------- 1 | # STATIC 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your static files. 6 | Each file inside this directory is mapped to `/`. 7 | 8 | Example: `/static/robots.txt` is mapped as `/robots.txt`. 9 | 10 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static). 11 | -------------------------------------------------------------------------------- /static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidroyer/nuxtify/098cf836554613b8fbbdf35a3493aaef26167a87/static/favicon.ico -------------------------------------------------------------------------------- /static/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidroyer/nuxtify/098cf836554613b8fbbdf35a3493aaef26167a87/static/icon.png -------------------------------------------------------------------------------- /static/share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidroyer/nuxtify/098cf836554613b8fbbdf35a3493aaef26167a87/static/share.png -------------------------------------------------------------------------------- /static/v.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidroyer/nuxtify/098cf836554613b8fbbdf35a3493aaef26167a87/static/v.png -------------------------------------------------------------------------------- /store/index.js: -------------------------------------------------------------------------------- 1 | import navigationRoutes from '@/config/navigation' 2 | import site from '@/config/site' 3 | 4 | export const state = () => ({ 5 | drawer: false, 6 | isDev: null, 7 | pageTitle: '', 8 | pageMeta: {}, 9 | navigationRoutes, 10 | navMenu: {}, 11 | site 12 | }) 13 | 14 | export const mutations = { 15 | setDev: (state, payload) => (state.isDev = payload), 16 | setMenu: (state, payload) => (state.navMenu = payload), 17 | setPageTitle: (state, payload) => (state.pageTitle = payload), 18 | setPageMeta: (state, payload) => { 19 | state.pageMeta = payload 20 | state.pageTitle = payload.title 21 | }, 22 | setDrawer: (state, payload) => (state.drawer = payload), 23 | toggleDrawer: (state, payload) => (state.drawer = !state.drawer) 24 | } 25 | 26 | export const actions = { 27 | nuxtServerInit({ commit, state }, { $cmsApi, isDev, app }) { 28 | commit('setMenu', $cmsApi.get('main-nav')) 29 | commit('setDev', isDev) 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /utils/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/davidroyer/nuxtify/098cf836554613b8fbbdf35a3493aaef26167a87/utils/.gitkeep -------------------------------------------------------------------------------- /utils/index.js: -------------------------------------------------------------------------------- 1 | export const addSvgLoader = config => { 2 | const svgRule = config.module.rules.find(rule => rule.test.test('.svg')) 3 | svgRule.test = /\.(png|jpe?g|gif|webp)$/ 4 | 5 | return config.module.rules.push({ 6 | test: /\.svg$/, 7 | loader: 'vue-svg-loader' 8 | }) 9 | } 10 | --------------------------------------------------------------------------------