Skip to content

Commit d06b772

Browse files
seongjoojinseongjoojin
committed
inital commit
0 parents  commit d06b772

File tree

21 files changed

+7772
-0
lines changed

21 files changed

+7772
-0
lines changed

‎.dockerignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
node_modules/
2+
dist/

‎.editorconfig

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
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

‎Dockerfile

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
FROM node:10
2+
3+
# Create app directory
4+
WORKDIR /app
5+
ADD . /app/
6+
7+
# global install & update
8+
RUN npm i -g npm && npm i -g yarn
9+
10+
RUN rm yarn.lock
11+
RUN yarn
12+
RUN yarn build
13+
14+
ENV HOST 0.0.0.0
15+
EXPOSE 3000
16+
17+
# start command
18+
CMD [ "yarn", "start" ]

‎README.md

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
# nuxt-dockerfile
2+
3+
> My cool Nuxt.js project
4+
5+
## Build Setup
6+
7+
``` bash
8+
# install dependencies
9+
$ yarn install
10+
11+
# serve with hot reload at localhost:3000
12+
$ yarn run dev
13+
14+
# build for production and launch server
15+
$ yarn run build
16+
$ yarn start
17+
18+
# generate static project
19+
$ yarn run generate
20+
```
21+
22+
For detailed explanation on how things work, checkout [Nuxt.js docs](https://nuxtjs.org).

‎assets/README.md

Lines changed: 7 additions & 0 deletions
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).

‎components/Logo.vue

Lines changed: 79 additions & 0 deletions
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>

‎components/README.md

Lines changed: 7 additions & 0 deletions
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._

‎layouts/README.md

Lines changed: 7 additions & 0 deletions
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).

‎layouts/default.vue

Lines changed: 55 additions & 0 deletions
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>

‎middleware/README.md

Lines changed: 8 additions & 0 deletions
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).

‎nuxt.config.js

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
const pkg = require('./package')
2+
3+
4+
module.exports = {
5+
mode: 'universal',
6+
7+
/*
8+
** Headers of the page
9+
*/
10+
head: {
11+
title: pkg.name,
12+
meta: [
13+
{ charset: 'utf-8' },
14+
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
15+
{ hid: 'description', name: 'description', content: pkg.description }
16+
],
17+
link: [
18+
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
19+
]
20+
},
21+
22+
/*
23+
** Customize the progress-bar color
24+
*/
25+
loading: { color: '#fff' },
26+
27+
/*
28+
** Global CSS
29+
*/
30+
css: [
31+
'ant-design-vue/dist/antd.css'
32+
],
33+
34+
/*
35+
** Plugins to load before mounting the App
36+
*/
37+
plugins: [
38+
'@/plugins/antd-ui'
39+
],
40+
41+
/*
42+
** Nuxt.js modules
43+
*/
44+
modules: [
45+
],
46+
47+
/*
48+
** Build configuration
49+
*/
50+
build: {
51+
/*
52+
** You can extend webpack config here
53+
*/
54+
extend(config, ctx) {
55+
56+
}
57+
}
58+
}

‎package.json

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
{
2+
"name": "nuxt-dockerfile",
3+
"version": "1.0.0",
4+
"description": "My cool Nuxt.js project",
5+
"author": "Seongjoo Jin",
6+
"private": true,
7+
"scripts": {
8+
"dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server",
9+
"build": "nuxt build",
10+
"start": "cross-env NODE_ENV=production node server/index.js",
11+
"generate": "nuxt generate"
12+
},
13+
"dependencies": {
14+
"cross-env": "^5.2.0",
15+
"nuxt": "^2.3.4",
16+
"express": "^4.16.4",
17+
"ant-design-vue": "^1.1.10"
18+
},
19+
"devDependencies": {
20+
"nodemon": "^1.18.9"
21+
}
22+
}

‎pages/README.md

Lines changed: 6 additions & 0 deletions
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).

‎pages/index.vue

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
<template>
2+
<section class="container">
3+
<div>
4+
<logo />
5+
<h1 class="title">
6+
nuxt-dockerfile
7+
</h1>
8+
<h2 class="subtitle">
9+
My cool Nuxt.js project
10+
</h2>
11+
<div class="links">
12+
<a
13+
href="https://nuxtjs.org/"
14+
target="_blank"
15+
class="button--green"
16+
>Documentation</a>
17+
<a
18+
href="https://github.com/nuxt/nuxt.js"
19+
target="_blank"
20+
class="button--grey"
21+
>GitHub</a>
22+
</div>
23+
</div>
24+
</section>
25+
</template>
26+
27+
<script>
28+
import Logo from '~/components/Logo.vue'
29+
30+
export default {
31+
components: {
32+
Logo
33+
}
34+
}
35+
</script>
36+
37+
<style>
38+
.container {
39+
margin: 0 auto;
40+
min-height: 100vh;
41+
display: flex;
42+
justify-content: center;
43+
align-items: center;
44+
text-align: center;
45+
}
46+
47+
.title {
48+
font-family: 'Quicksand', 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
49+
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
50+
display: block;
51+
font-weight: 300;
52+
font-size: 100px;
53+
color: #35495e;
54+
letter-spacing: 1px;
55+
}
56+
57+
.subtitle {
58+
font-weight: 300;
59+
font-size: 42px;
60+
color: #526488;
61+
word-spacing: 5px;
62+
padding-bottom: 15px;
63+
}
64+
65+
.links {
66+
padding-top: 15px;
67+
}
68+
</style>

‎plugins/README.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
# PLUGINS
2+
3+
**This directory is not required, you can delete it if you don't want to use it.**
4+
5+
This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
6+
7+
More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).

0 commit comments

Comments
 (0)