nuxt-edge

To help you get started, we've collected the most common ways that nuxt-edge is being used within popular public projects.

nuxt / create-nuxt-app / template / frameworks / feathers / server / middleware / nuxt.js View on Github

const resolve = require('path').resolve
const { Nuxt, Builder } = require('nuxt-edge')

// Setup nuxt.js
let config = {}
try {
  config = require('../../nuxt.config.js')
} catch (e) {}
config.rootDir = resolve(__dirname, '..', '..')
config.dev = process.env.NODE_ENV !== 'production'

const nuxt = new Nuxt(config)
if (config.dev) {
  const builder = new Builder(nuxt)
  builder.build().then(() => process.emit('nuxt:build:done'))
} else {
  process.nextTick(() => process.emit('nuxt:build:done'))
}

// Add nuxt.js middleware
module.exports = function (req, res) {
  nuxt.render(req, res)
}

View more ways to use nuxt-edge

Nuxt 2 has reached End of Life

You are looking at the now inactive branch for Nuxt 2. The actively maintained branch for the latest version of Nuxt is nuxt/nuxt#main.

Nuxt 2 reached End of Life on June 30, 2024.

It will continue to be available on the npm package manager, but will no longer receive updates, such as security and browser compatibility fixes. In other words, your applications will continue to work, but you may get deprecation warnings from your package manager reminding you that Nuxt 2 is no longer a supported version.

If you are starting a new project, please start with the latest version of Nuxt. We also strongly recommend current Nuxt 2 users to upgrade. See more about how to upgrade.

If you have to stay on Nuxt 2 post-EOL, we have partnered with HeroDevs to offer Nuxt 2 Never-Ending Support (NES).

Read more in our blog post.

> Build your next Vue(2) application with confidence using Nuxt: a framework making web development simple and powerful.

Links

• 📘 Documentation: https://nuxtjs.org
• 👥 Community: GitHub discussions
• 🎬 Video: 1 minute demo
• 🐦 Twitter: @nuxt_js
• 💬 Chat: Discord
• 🌟 AwesomeNuxt
• 👉 Play with Nuxt online

Features

• Automatic transpilation and bundling (with webpack and babel)
• Hot code reloading
• Server-side rendering OR Single Page App OR Static Generated, you choose 🔥
• Static file serving. ./static/ is mapped to /
• Configurable with a nuxt.config.js file
• Custom layouts with the layouts/ directory
• Middleware
• Code splitting for every pages/
• Loading just the critical CSS (page-level)

Learn more at .

Getting started

$ npx create-nuxt-app 

It's as simple as that!

Learn more at https://nuxtjs.org/guide/installation

Examples

Please take a look at or directly in .

Production deployment

To deploy, instead of running nuxt, you probably want to build ahead of time. Therefore, building and starting are separate commands:

nuxt build
nuxt start

Learn more at https://nuxtjs.org/guide/commands#production-deployment

Consulting from the Nuxt team

Get help with that tough bug or make sure your Nuxt app is ready to deploy. For $250 an hour, get technical support, advice and code reviews from the Nuxt core team: support@nuxtlabs.com

Agency Network

When in need for more broad or long-term consulting, reach out for one of our agency partner:

Supporting Nuxt

Nuxt is an MIT-licensed open source project with its ongoing development made possible entirely by the support of these awesome backers. Funds donated via OpenCollective are managed with transparent expenses and will be used for compensating work and expenses for core team members or sponsoring community events.

Support us with a monthly donation and help us continue our activities. [Become a backer]

Contributors

Thank you to all our contributors!

Contributing

Please refer to our Contribution Guide

Cross-browser testing

Thanks to BrowserStack!

Automated testing

Thanks to SauceLabs for supporting Open Source ❤️

Security

If you discover a security vulnerability regarding Nuxt, please send an e-mail to the team via security@nuxtjs.org! All security vulnerabilities will be promptly addressed.

License

MIT