Skip to content

Commit ea923db

Browse files
author
Commit Developer
committed
Initial commit
0 parents  commit ea923db

File tree

17 files changed

+443
-0
lines changed

17 files changed

+443
-0
lines changed

Diff for: ‎.gitignore

+89
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
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+
pids
12+
*.pid
13+
*.seed
14+
*.pid.lock
15+
16+
# Directory for instrumented libs generated by jscoverage/JSCover
17+
lib-cov
18+
19+
# Coverage directory used by tools like istanbul
20+
coverage
21+
22+
# nyc test coverage
23+
.nyc_output
24+
25+
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
26+
.grunt
27+
28+
# Bower dependency directory (https://bower.io/)
29+
bower_components
30+
31+
# node-waf configuration
32+
.lock-wscript
33+
34+
# Compiled binary addons (https://nodejs.org/api/addons.html)
35+
build/Release
36+
37+
# Dependency directories
38+
node_modules/
39+
jspm_packages/
40+
41+
# TypeScript v1 declaration files
42+
typings/
43+
44+
# Optional npm cache directory
45+
.npm
46+
47+
# Optional eslint cache
48+
.eslintcache
49+
50+
# Optional REPL history
51+
.node_repl_history
52+
53+
# Output of 'npm pack'
54+
*.tgz
55+
56+
# Yarn Integrity file
57+
.yarn-integrity
58+
59+
# dotenv environment variables file
60+
.env
61+
.env.build
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 / Editor
82+
.idea
83+
.editorconfig
84+
85+
# Service worker
86+
sw.*
87+
88+
# Mac OSX
89+
.DS_Store

Diff for: ‎.nowignore

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
README.md
2+
yarn.lock

Diff for: ‎README.md

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# Nuxt.js Example
2+
3+
This directory is a brief example of a [Nuxt.js](https://nuxtjs.org) app that can be deployed with Vercel and zero configuration.
4+
5+
## Deploy Your Own
6+
7+
Deploy your own Nuxt.js project with Vercel.
8+
9+
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/vercel/vercel/tree/master/examples/nuxtjs)
10+
11+
_Live Example: https://nuxtjs.now-examples.now.sh_
12+
13+
### How We Created This Example
14+
15+
To get started with Nuxt.js deployed with Vercel, you can use the [Create-Nuxt-App CLI](https://www.npmjs.com/package/create-nuxt-app) to initialize the project:
16+
17+
```shell
18+
$ npx create-nuxt-app my-app
19+
```
20+
21+
> The only change made is to amend the output directory in `nuxt.config.js` to `"/public"`.

Diff for: ‎assets/README.md

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
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).

Diff for: ‎components/Logo.vue

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

Diff for: ‎components/README.md

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# COMPONENTS
2+
3+
**This directory is not required, you can delete it if you don't want to use it.**
4+
5+
The components directory contains your Vue.js Components.
6+
7+
_Nuxt.js doesn't supercharge these components._

Diff for: ‎layouts/README.md

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# LAYOUTS
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 Application Layouts.
6+
7+
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).

Diff for: ‎layouts/default.vue

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<template>
2+
<div>
3+
<nuxt />
4+
</div>
5+
</template>
6+
7+
<style>
8+
html {
9+
font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
10+
Roboto, 'Helvetica Neue', Arial, sans-serif;
11+
font-size: 16px;
12+
word-spacing: 1px;
13+
-ms-text-size-adjust: 100%;
14+
-webkit-text-size-adjust: 100%;
15+
-moz-osx-font-smoothing: grayscale;
16+
-webkit-font-smoothing: antialiased;
17+
box-sizing: border-box;
18+
}
19+
20+
*,
21+
*:before,
22+
*:after {
23+
box-sizing: border-box;
24+
margin: 0;
25+
}
26+
27+
.button--green {
28+
display: inline-block;
29+
border-radius: 4px;
30+
border: 1px solid #3b8070;
31+
color: #3b8070;
32+
text-decoration: none;
33+
padding: 10px 30px;
34+
}
35+
36+
.button--green:hover {
37+
color: #fff;
38+
background-color: #3b8070;
39+
}
40+
41+
.button--grey {
42+
display: inline-block;
43+
border-radius: 4px;
44+
border: 1px solid #35495e;
45+
color: #35495e;
46+
text-decoration: none;
47+
padding: 10px 30px;
48+
margin-left: 15px;
49+
}
50+
51+
.button--grey:hover {
52+
color: #fff;
53+
background-color: #35495e;
54+
}
55+
</style>

Diff for: ‎middleware/README.md

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
# MIDDLEWARE
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 application middleware.
6+
Middleware let you define custom functions that can be run before rendering either a page or a group of pages.
7+
8+
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware).

Diff for: ‎nuxt.config.js

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
export default {
2+
mode: 'spa',
3+
/*
4+
** Headers of the page
5+
*/
6+
head: {
7+
title: process.env.npm_package_name || '',
8+
meta: [
9+
{ charset: 'utf-8' },
10+
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
11+
{
12+
hid: 'description',
13+
name: 'description',
14+
content: process.env.npm_package_description || '',
15+
},
16+
],
17+
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
18+
},
19+
/*
20+
** Customize the progress-bar color
21+
*/
22+
loading: { color: '#fff' },
23+
/*
24+
** Global CSS
25+
*/
26+
css: [],
27+
/*
28+
** Plugins to load before mounting the App
29+
*/
30+
plugins: [],
31+
/*
32+
** Nuxt.js modules
33+
*/
34+
modules: [],
35+
/*
36+
** Build configuration
37+
*/
38+
build: {
39+
/*
40+
** You can extend webpack config here
41+
*/
42+
extend(config, ctx) {},
43+
},
44+
};

Diff for: ‎package.json

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
{
2+
"name": "nuxtjs",
3+
"version": "1.0.0",
4+
"description": "My astonishing Nuxt.js project",
5+
"author": "msweeneydev",
6+
"private": true,
7+
"scripts": {
8+
"dev": "nuxt",
9+
"build": "nuxt generate",
10+
"start": "nuxt start"
11+
},
12+
"dependencies": {
13+
"nuxt": "^2.0.0"
14+
},
15+
"devDependencies": {
16+
"nodemon": "^1.18.9"
17+
}
18+
}

Diff for: ‎pages/README.md

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
# PAGES
2+
3+
This directory contains your Application Views and Routes.
4+
The framework reads all the `*.vue` files inside this directory and creates the router of your application.
5+
6+
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).

0 commit comments

Comments
 (0)