This barebones starter simply integrates the Testing Nuxt 4 upgrade guide.
Check also A.Lichter's video on how to already use Nuxt 4.
Look at the Nuxt documentation to learn more.
The v4 will introduce a new folders structure:
.output/
.nuxt/
app/
assets/
components/
composables/
layouts/
middleware/
pages/
plugins/
utils/
app.config.ts
app.vue
router.options.ts
content/
layers/
modules/
node_modules/
public/
server/
api/
middleware/
plugins/
routes/
utils/
nuxt.config.tsAll that this starter does, is addind by default the future section to the nuxt.config.ts.
future: {
compatibilityVersion: 4,
}With that in place, we can use the new folders structure and more. Read the NuxtDocs for up to date information.
The intent of this starter is to be a simple template for new Nuxt4 projects.
--- The rest of the README is unchanged ---
The base of that repo was simply a nuxi call, with the v4 flag on-top.
Make sure to install dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun installStart the development server on http://localhost:3000:
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run devBuild the application for production:
# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run buildLocally preview production build:
# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run preview