Skip to content

Commit 078d45b

Browse files
removed @nuxt/content (#35)
* removed @nuxt/content * updated README.md * removed @tailwindcss/postcss
1 parent 6b3a892 commit 078d45b

File tree

7 files changed

+243
-2554
lines changed

7 files changed

+243
-2554
lines changed

README.md

Lines changed: 37 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,40 @@
44

55
---
66

7-
Nuxt Starter is a minimal template designed for creating quick landing pages, built with Nuxt and Tailwind CSS, and powered by Nuxt Content.
7+
Nuxt Starter is a minimal template designed for creating quick landing pages, built with Nuxt 3 and Tailwind CSS.
88

99
**View demo:** [https://demo-nuxt-starter.netlify.app/](https://demo-nuxt-starter.netlify.app/)
1010

11+
## Deploy to Netlify
12+
13+
Want to deploy immediately? Click this button
14+
15+
[![Deploy to Netlify Button](https://www.netlify.com/img/deploy/button.svg)](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+
1128
A customizable Nuxt starter using:
1229

13-
- [Nuxt](https://nuxt.com/) v3.x
30+
- [Nuxt](https://nuxt.com/) v3.x
1431
- [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)
1634

1735
| Prerequisites |
1836
| :------------------------ |
1937
| [Node.js](https://nodejs.org/) v20.9+. |
2038
| (optional) [nvm](https://github.com/nvm-sh/nvm) for Node version management. |
2139

40+
2241
## Build Setup
2342

2443
```bash
@@ -33,24 +52,30 @@ $ npm run build
3352

3453
# generate static project
3554
$ npm run generate
36-
```
3755

38-
## Deploy to Netlify
39-
40-
Want to deploy immediately? Click this button
56+
# preview production build locally
57+
$ npm run preview
58+
```
4159

42-
[![Deploy to Netlify Button](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/nuxt-starter)
60+
## Project Structure
4361

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+
```
4570

4671
## Next Steps
4772

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:
4974

5075
- Check [Nuxt on Netlify documentation](https://docs.netlify.com/frameworks/nuxt/).
5176
- Check [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
52-
- Check [Nuxt Content](https://content.nuxt.com/get-started/installation)
77+
- Explore [Tailwind CSS documentation](https://tailwindcss.com/docs) for styling options
5378

5479
## Support
5580

56-
If you get stuck along the way, get help in our [support forums](https://answers.netlify.com/).
81+
If you get stuck along the way, get help in our [support forums](https://answers.netlify.com/).

content/index.yml

Lines changed: 0 additions & 57 deletions
This file was deleted.

data/index.json

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
{
2+
"hero": {
3+
"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.",
97+
"buttons": [
98+
{
99+
"label": "Get Started Today",
100+
"url": "https://www.netlify.com/"
101+
}
102+
]
103+
}
104+
}

nuxt.config.ts

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,12 +9,7 @@ export default defineNuxtConfig({
99
tailwindcss(),
1010
],
1111
},
12-
postcss: {
13-
plugins: {
14-
"@tailwindcss/postcss": {},
15-
},
16-
},
1712
experimental: { appManifest: false },
18-
modules: ["@nuxt/content", "nuxt-icon", "@nuxt/image"],
13+
modules: ["nuxt-icon", "@nuxt/image"],
1914
compatibilityDate: "2024-12-18",
2015
});

0 commit comments

Comments
 (0)