mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
103 lines
2.1 KiB
JavaScript
Executable file
103 lines
2.1 KiB
JavaScript
Executable file
#!/usr/bin/env node
|
|
import { resolve, join, basename } from 'path'
|
|
import parseArgs from 'minimist'
|
|
import { exists, writeFile, mkdir } from 'mz/fs'
|
|
import mkdirp from 'mkdirp-then'
|
|
|
|
const argv = parseArgs(process.argv.slice(2), {
|
|
alias: {
|
|
h: 'help'
|
|
},
|
|
boolean: ['h']
|
|
})
|
|
|
|
if (argv.help) {
|
|
console.log(`
|
|
Description
|
|
Scaffolds a simple project structure to get started quickly
|
|
|
|
Usage
|
|
$ next init <dir>
|
|
|
|
If no directory is provided the current directory will be used.
|
|
|
|
Options
|
|
--help, -h Displays this message
|
|
`)
|
|
|
|
process.exit(0)
|
|
}
|
|
|
|
const dir = resolve(argv._[0] || '.')
|
|
|
|
if (basename(dir) === 'pages') {
|
|
console.warn('Your root directory is named "pages". This looks suspicious. You probably want to go one directory up.')
|
|
process.exit(1)
|
|
}
|
|
|
|
exists(dir)
|
|
.then(async present => {
|
|
if (!present) {
|
|
await mkdirp(dir)
|
|
}
|
|
|
|
if (!await exists(join(dir, 'package.json'))) {
|
|
await writeFile(join(dir, 'package.json'), basePackage.replace(/my-app/g, basename(dir)))
|
|
}
|
|
|
|
if (!await exists(join(dir, 'static'))) {
|
|
await mkdir(join(dir, 'static'))
|
|
}
|
|
|
|
if (!await exists(join(dir, 'pages'))) {
|
|
await mkdir(join(dir, 'pages'))
|
|
await writeFile(join(dir, 'pages', 'index.js'), basePage)
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
console.error(err)
|
|
process.exit(1)
|
|
})
|
|
|
|
const basePackage = `{
|
|
"name": "my-app",
|
|
"description": "",
|
|
"dependencies": {
|
|
"next": "latest",
|
|
"react": "^15.4.2",
|
|
"react-dom": "^15.4.2"
|
|
},
|
|
"scripts": {
|
|
"dev": "next",
|
|
"build": "next build",
|
|
"start": "next start"
|
|
}
|
|
}`
|
|
|
|
const basePage = `
|
|
import Head from 'next/head'
|
|
|
|
export default () => (
|
|
<div>
|
|
<Head>
|
|
<meta name='viewport' content='width=device-width, initial-scale=1'/>
|
|
</Head>
|
|
|
|
<img width='112' src='https://cloud.githubusercontent.com/assets/13041/19686250/971bf7f8-9ac0-11e6-975c-188defd82df1.png' alt='next.js' />
|
|
|
|
<style jsx global>{\`
|
|
html, body {
|
|
height: 100%
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 0;
|
|
}
|
|
\`}</style>
|
|
</div>
|
|
)
|
|
`
|