All Projects → typescript-nuxtjs-boilerplate → typescript-nuxtjs-boilerplate

typescript-nuxtjs-boilerplate / typescript-nuxtjs-boilerplate

Licence: MIT license
🍱 Nuxt.js with TypeScript and Run with docker and docker-compose 🐶🦄🔥 visit: https://typescript-nuxtjs-boilerplate.netlify.com/example

Programming Languages

Vue
7211 projects
typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
Dockerfile
14818 projects
HTML
75241 projects

Projects that are alternatives of or similar to typescript-nuxtjs-boilerplate

Wemake Vue Template
Bleeding edge vue template focused on code quality and developer happiness.
Stars: ✭ 645 (+1164.71%)
Mutual labels:  eslint, jest, nuxtjs
Js Stack Boilerplate
Final boilerplate code of the JavaScript Stack from Scratch tutorial –
Stars: ✭ 145 (+184.31%)
Mutual labels:  eslint, jest
Iceberg
Front-End Boilerplate built with React + Babel + Webpack + SASS
Stars: ✭ 144 (+182.35%)
Mutual labels:  eslint, jest
React-Redux-Enterprise
A React-Redux boilerplate for enterprise/large scaled web applications
Stars: ✭ 77 (+50.98%)
Mutual labels:  eslint, jest
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (+127.45%)
Mutual labels:  eslint, jest
Modern Monorepo Boilerplate
Modern Monorepo Boilerplate with Lerna, TypeScript, React/CRA, HMR, Jest, ESLint/TypeScript.
Stars: ✭ 127 (+149.02%)
Mutual labels:  eslint, jest
Express Webpack React Redux Typescript Boilerplate
🎉 A full-stack boilerplate that using express with webpack, react and typescirpt!
Stars: ✭ 156 (+205.88%)
Mutual labels:  eslint, jest
Gatsby Themes
Get high-quality and customizable Gatsby themes to quickly bootstrap your website! Choose from many professionally created and impressive designs with a wide variety of features and customization options.
Stars: ✭ 1,208 (+2268.63%)
Mutual labels:  eslint, jest
Front End Guide
📚 Study guide and introduction to the modern front end stack.
Stars: ✭ 14,073 (+27494.12%)
Mutual labels:  eslint, jest
Typescript Express Starter
🚀 TypeScript Express Starter
Stars: ✭ 238 (+366.67%)
Mutual labels:  eslint, jest
Nodebestpractices
✅ The Node.js best practices list (December 2021)
Stars: ✭ 72,734 (+142515.69%)
Mutual labels:  eslint, jest
Node Flowtype Boilerplate
This boilerplate repository is outdated and no longer maintained. Instead, I strongly recommend to use TypeScript.
Stars: ✭ 104 (+103.92%)
Mutual labels:  eslint, jest
Simple React Calendar
A simple react based calendar component to be used for selecting dates and date ranges
Stars: ✭ 97 (+90.2%)
Mutual labels:  eslint, jest
React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (+162.75%)
Mutual labels:  eslint, jest
Mostly
They mostly come at night; mostly.
Stars: ✭ 78 (+52.94%)
Mutual labels:  eslint, jest
Lighthouse Badges
🚦Generate badges (shields.io) based on Lighthouse performance.
Stars: ✭ 150 (+194.12%)
Mutual labels:  eslint, jest
reactjs-vite-tailwindcss-boilerplate
ReactJS + Vite boilerplate to be used with Tailwindcss.
Stars: ✭ 103 (+101.96%)
Mutual labels:  eslint, jest
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (+27.45%)
Mutual labels:  eslint, jest
Vue Admin Element
(Vue2 演示项目)物业后台管理系统 - ElementUI ( 基本结构已完成, 剩下的就是具体业务开发; 如有疑问请留言 )
Stars: ✭ 73 (+43.14%)
Mutual labels:  eslint, pug
100 Days Of Code Frontend
Curriculum for learning front-end development during #100DaysOfCode.
Stars: ✭ 2,419 (+4643.14%)
Mutual labels:  eslint, jest

🍱 typescript-nuxtjs-boilerplate

typescript-nuxtjs-boilerplateNuxt.jsTypeScript を使うためのボイラープレートになります 🦑

Example url: https://typescript-nuxtjs-boilerplate.netlify.com/example


Requirements

  • Node.js v10+ おすすめは v10.16.0 です

💾 Install

First, clone the repo via git:

git submodule でサンプルを書いているので、以下のように git clone してください

$ git clone --recursive [email protected]:typescript-nuxtjs-boilerplate/typescript-nuxtjs-boilerplate.git

Install yarn

for mac

$ brew install yarn

for windows

# for Windows (with Chocolatey)
$ choco install yarn

Use installer

Install dependencies

Using yarn:

yarn install

🔌 Serve with hot reload at localhost:4000

Nuxt のデフォルトのポートは 3000 ですが、他のプロセスにバッティングするケースが多いので、 4000 にしています

$ yarn run dev

or

localdev のエイリアスです

$ yarn run local

and run mock server for examples

そしてモックサーバーも別のプロセスとして起動させます

$ node ./tools/server.js

5000 番ポートで起動します

🕹 Build for production on docker and launch server

本番用の docker ビルドは以下になります

$ yarn run build:docker
$ yarn start

💻 Build for production and SPA mode

$ yarn run build:static

It will be published in the dist directory

For detailed explanation on how things work, checkout Nuxt.js docs.

📘 Example Links

サンプル集 - typescript-nuxtjs-boilerplate-docs

🖥 npm-scripts

npm scriptsの解説 - typescript-nuxtjs-boilerplate-docs

📚 Docs

typescript-nuxtjs-boilerplate のドキュメントです docs and guides here

⚙️ Maintainers

🍜 License

MIT © hisasann

twitter

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].