Code Monkey home page Code Monkey logo

nuxt-boilerplate's Introduction

Nuxt Boilerplate

A ready to use Nuxt 3 boilerplate

Live Demo: https://nuxt-boilerplate-main.vercel.app/

StackBlitz: https://stackblitz.com/github/renegadevi/nuxt-boilerplate

screenshot lighthouse

Quick setup (TLDR;)

git clone https://github.com/renegadevi/nuxt-boilerplate.git
cd nuxt-boilerplate
pnpm install
pnpm run dev

Setup

Prerequisites:

Clone repo

git clone https://github.com/renegadevi/nuxt-boilerplate.git
cd nuxt-boilerplate

Install dependencies:

pnpm install

Optional: .env

VITE_BASE_URL="https://localhost:3000/"

Optional: Generate certificate for HTTPS for localhost

# mkdir certs
cd certs
mkcert localhost

Start local server

Start development server

# HTTP
pnpm run dev
# HTTPS
pnpm run dev-https

Start production build server (HTTP)

# HTTP
pnpm run build;pnpm run preview
# HTTPS
pnpm run build;pnpm run preview-https

Check out the deployment documentation for more information.

Nuxt Modules included:

nuxt-boilerplate's People

Contributors

boussadjra avatar damevin avatar renegadevi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

nuxt-boilerplate's Issues

i18n failed install

pnpm install                         
Packages: +1176
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Packages are hard linked from the content-addressable store to the virtual store.
  Content-addressable store is at: /Users/tim/Library/pnpm/store/v3
  Virtual store is at:             node_modules/.pnpm
Progress: resolved 1226, reused 1175, downloaded 0, added 1176, done
node_modules/.pnpm/[email protected]/node_modules/esbuild: Running postinstall script, done in 448ms
node_modules/.pnpm/[email protected]/node_modules/esbuild: Running postinstall script, done in 567ms

> [email protected] postinstall /Users/tim/Documents/GitHub/Account
> nuxt prepare

Nuxi 3.6.3                                                                                                                                                                              15:59:03
ℹ Using Tailwind CSS from ~/assets/css/tailwind.css                                                                                                                   nuxt:tailwindcss 15:59:04

 WARN  i18n:extend-messages is deprecated. That hook will be removed feature at the time of the v8 official release.                                                       @nuxtjs/i18n 15:59:05
If you're using it, please use i18n:registerModule instead.


 ERROR  Cannot resolve vue-i18n on pnpm! please install it on 'node_modules'                                                                                                            15:59:05

  at tryResolve (node_modules/.pnpm/@[email protected][email protected]/node_modules/@nuxtjs/i18n/dist/module.mjs:208:9)
  at async setupAlias (node_modules/.pnpm/@[email protected][email protected]/node_modules/@nuxtjs/i18n/dist/module.mjs:462:38)
  at async setup (node_modules/.pnpm/@[email protected][email protected]/node_modules/@nuxtjs/i18n/dist/module.mjs:1675:5)
  at async normalizedModule (node_modules/.pnpm/@[email protected]/node_modules/@nuxt/kit/dist/index.mjs:2140:17)
  at async installModule (node_modules/.pnpm/@[email protected]/node_modules/@nuxt/kit/dist/index.mjs:2409:95)
  at async initNuxt (node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/nuxt/dist/index.mjs:3237:7)
  at async loadNuxt (node_modules/.pnpm/[email protected]_@[email protected][email protected][email protected]/node_modules/nuxt/dist/index.mjs:3310:5)
  at async loadNuxt (node_modules/.pnpm/@[email protected]/node_modules/@nuxt/kit/dist/index.mjs:2537:19)
  at async Object.invoke (node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/chunks/prepare.mjs:31:18)
  at async _main (node_modules/.pnpm/[email protected]/node_modules/nuxi/dist/cli.mjs:49:20)

 ELIFECYCLE  Command failed with exit code 1.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.