https://github.com/andikod/nuxt4starter
Use this template to create new Nuxt repo' with v4 compatibility flag activated.
https://github.com/andikod/nuxt4starter
nuxt4 nuxt4-starter
Last synced: 2 months ago
JSON representation
Use this template to create new Nuxt repo' with v4 compatibility flag activated.
- Host: GitHub
- URL: https://github.com/andikod/nuxt4starter
- Owner: AndiKod
- Created: 2025-02-07T11:06:38.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2025-02-07T13:54:00.000Z (3 months ago)
- Last Synced: 2025-02-07T14:29:57.904Z (3 months ago)
- Topics: nuxt4, nuxt4-starter
- Language: Vue
- Homepage:
- Size: 91.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nuxt4 Minimal Starter
This barebones starter simply integrates the [Testing Nuxt 4](https://nuxt.com/docs/getting-started/upgrade#testing-nuxt-4) upgrade guide.
Check also A.Lichter's video on [how to already use Nuxt 4](https://www.youtube.com/watch?v=r4wFKlcJK6c).
Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
## New folders structure
The v4 will introduce a new folders structure:
```bash
.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.ts
```
All that this starter does, is addind by default the `future` section to the `nuxt.config.ts`.
```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.
## Setup
Make sure to install dependencies:
```bash
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
```
## Development Server
Start the development server on `http://localhost:3000`:
```bash
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run dev
```
## Production
Build the application for production:
```bash
# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run build
```
Locally preview production build:
```bash
# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run preview
```