Top

Nuxt Documentation

Fastkart offers stunning and one-of-a-kind website demos tailored to your grocery, bakery, and online store needs. With Fastkart, you'll find everything you require to craft the ideal website for your business. Fastkart - your all-in-one solution!

Create New Page

Here We will see how to create a new page.

In Nuxt.js, pages are typically stored in the "pages" directory, and each .vue file inside this directory represents a page in your application. Here are the steps to create a new page

Navigate to the Pages Directory

Open your project in a text editor or IDE, and locate the "pages" directory. If it doesn't exist, you can create it in the root of your project.

Create a New Vue Component

Inside the "pages" directory, create a new .vue file for your page. For example, let's create a page called "NewPage.vue".

<template>
  <div>
    <h1>New Page</h1>
  </div>
</template>

<script>
export default {
  // Your component options go here
}
</script>
                      
<style scoped>
  /* Your component styles go here */
</style>