You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
[](https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/nuxt-starter)
16
+
17
+
Clicking this button will create a new repo for you that looks exactly like this one, and sets that repo up immediately for deployment on Netlify.
18
+
19
+
## Features
20
+
21
+
- 🚀 Nuxt 3 with Vue 3
22
+
- 🎨 Tailwind CSS for styling
23
+
- 🖼️ Nuxt Image for optimized image handling
24
+
- 🎯 Nuxt Icon for easy icon integration
25
+
- 📱 Fully responsive design
26
+
- ⚡ Fast and optimized performance
27
+
11
28
A customizable Nuxt starter using:
12
29
13
-
-[Nuxt](https://nuxt.com/) v3.x
30
+
-[Nuxt](https://nuxt.com/) v3.x
14
31
-[Tailwind CSS](https://tailwindcss.com/) v4.x
15
-
-[Nuxt Content](https://content.nuxt.com/) support
32
+
-[Nuxt Icon](https://nuxt.com/modules/icon)
33
+
-[Nuxt Image](https://nuxt.com/modules/image)
16
34
17
35
| Prerequisites |
18
36
| :------------------------ |
19
37
|[Node.js](https://nodejs.org/) v20.9+. |
20
38
| (optional) [nvm](https://github.com/nvm-sh/nvm) for Node version management. |
21
39
40
+
22
41
## Build Setup
23
42
24
43
```bash
@@ -33,24 +52,30 @@ $ npm run build
33
52
34
53
# generate static project
35
54
$ npm run generate
36
-
```
37
55
38
-
## Deploy to Netlify
39
-
40
-
Want to deploy immediately? Click this button
56
+
# preview production build locally
57
+
$ npm run preview
58
+
```
41
59
42
-
[](https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/nuxt-starter)
60
+
## Project Structure
43
61
44
-
Clicking this button will create a new repo for you that looks exactly like this one, and sets that repo up immediately for deployment on Netlify.
62
+
```
63
+
├── data/ # JSON file for content
64
+
├── components/ # Vue components
65
+
├── layouts/ # Layout components
66
+
├── pages/ # Application pages
67
+
├── public/ # Static files
68
+
└── assets/ # Assets that need processing
69
+
```
45
70
46
71
## Next Steps
47
72
48
-
Here are a few suggestions on what to do next if you're new to Netlify Visual Editor:
73
+
Here are a few suggestions on what to do next:
49
74
50
75
- Check [Nuxt on Netlify documentation](https://docs.netlify.com/frameworks/nuxt/).
51
76
- Check [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
"title": "Build Blazing-Fast Websites with Nuxt.js & Netlify",
4
+
"description": "Craft high-performing, SEO-friendly web experiences with the dynamic power of Nuxt.js and the speed of Netlify's global edge network.",
5
+
"image": "images/hero.jpg",
6
+
"imageAlt": "Nuxt logo and title on abstract background",
7
+
"buttons": [
8
+
{
9
+
"label": "Get Started Today",
10
+
"url": "https://www.netlify.com/"
11
+
}
12
+
]
13
+
},
14
+
"logos": {
15
+
"title": "Trusted by the world's best",
16
+
"icons": [
17
+
{
18
+
"name": "i-simple-icons-gitlab"
19
+
},
20
+
{
21
+
"name": "i-simple-icons-github"
22
+
},
23
+
{
24
+
"name": "i-simple-icons-openai"
25
+
},
26
+
{
27
+
"name": "i-simple-icons-google"
28
+
},
29
+
{
30
+
"name": "i-simple-icons-netlify"
31
+
}
32
+
]
33
+
},
34
+
"features": {
35
+
"title": "Why choose Nuxt.js?",
36
+
"description": "Nuxt.js is a powerful framework built on top of Vue.js that provides an excellent developer experience.",
37
+
"items": [
38
+
{
39
+
"title": "Server-Side Rendering",
40
+
"description": "Nuxt.js allows you to build SSR applications with Vue.js, ensuring fast initial page loads and better SEO."
41
+
},
42
+
{
43
+
"title": "Static Site Generation",
44
+
"description": "You can pre-render pages at build time for static websites. This helps with performance and scalability by serving content directly from a CDN."
45
+
},
46
+
{
47
+
"title": "Auto-Routing",
48
+
"description": "Nuxt automatically generates routes based on the file structure inside the pages directory, reducing the need for manual configuration."
49
+
},
50
+
{
51
+
"title": "File-based Configuration",
52
+
"description": "Nuxt uses a convention-over-configuration approach, allowing you to define configurations easily in nuxt.config.js without much boilerplate."
53
+
},
54
+
{
55
+
"title": "Dynamic Imports",
56
+
"description": "It supports lazy loading of components with dynamic imports to improve performance by splitting the code into smaller chunks."
57
+
},
58
+
{
59
+
"title": "SEO Friendly",
60
+
"description": "With SSR, SSG, and automatic meta tag handling, Nuxt.js ensures your application is SEO-friendly."
61
+
}
62
+
]
63
+
},
64
+
"testimonials": {
65
+
"title": "What Our Users Are Saying",
66
+
"description": "Hear from our clients about their experiences working with Nuxt and Netlify.",
67
+
"items": [
68
+
{
69
+
"quote": "Nuxt has made building our projects so much easier and more enjoyable! Its simple setup and powerful features help us create fast, responsive websites with minimal effort.",
70
+
"author": {
71
+
"name": "Daniel H.",
72
+
"title": "Marketing Specialist at Some Company",
73
+
"avatar": "images/person-1.jpg"
74
+
}
75
+
},
76
+
{
77
+
"quote": "The scalability offered by Netlify and the flexibility of Nuxt have allowed us to expand our site's functionality without worrying about performance issues. This combination is a powerful solution for any growing business.",
78
+
"author": {
79
+
"name": "Sarah L.",
80
+
"title": "CEO at Some Company",
81
+
"avatar": "images/person-2.jpg"
82
+
}
83
+
},
84
+
{
85
+
"quote": "Switching to Nuxt and Netlify was a game-changer for our development process. The seamless integration between the two platforms allowed us to deploy faster and with fewer headaches.",
86
+
"author": {
87
+
"name": "Mark T.",
88
+
"title": "Frontend Engineer at Some Company",
89
+
"avatar": "images/person-3.jpg"
90
+
}
91
+
}
92
+
]
93
+
},
94
+
"cta": {
95
+
"title": "Start Building with Nuxt & Netlify",
96
+
"description": "Let your next project be smarter, faster, and effortlessly deployable.",
0 commit comments