Skip to content

Commit cb3e45b

Browse files
seanchatmangptseanchatmangpt
committed
Adding nuxtbe
1 parent 3ad0397 commit cb3e45b

File tree

95 files changed

+55520
-1272
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

95 files changed

+55520
-1272
lines changed

‎.gitignore

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
# Coverage.py
2+
codebase.md
23
htmlcov/
34
reports/
45

@@ -69,3 +70,5 @@ local_cache/
6970
.netrc
7071

7172
.secrets
73+
74+
*.log

‎dslmodel-ecosystem.md

Lines changed: 37398 additions & 0 deletions
Large diffs are not rendered by default.

‎nuxtbe/.editorconfig

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
# editorconfig.org
2+
root = true
3+
4+
[*]
5+
indent_size = 2
6+
indent_style = space
7+
end_of_line = lf
8+
charset = utf-8
9+
trim_trailing_whitespace = true
10+
insert_final_newline = true
11+
12+
[*.md]
13+
trim_trailing_whitespace = false

‎nuxtbe/.env.example

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
# Production license for @nuxt/ui-pro, get one at https://ui.nuxt.com/pro/purchase
2+
NUXT_UI_PRO_LICENSE=
3+
# Public URL, used for OG Image when running nuxt generate
4+
NUXT_PUBLIC_SITE_URL=

‎nuxtbe/.gitignore

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
# Nuxt dev/build outputs
2+
.output
3+
.data
4+
.nuxt
5+
.nitro
6+
.cache
7+
dist
8+
9+
# Node dependencies
10+
node_modules
11+
12+
# Logs
13+
logs
14+
*.log
15+
16+
# Misc
17+
.DS_Store
18+
.fleet
19+
.idea
20+
21+
# Local env files
22+
.env
23+
.env.*
24+
!.env.example
25+
26+
# VSC
27+
.history

‎nuxtbe/.npmrc

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
shamefully-hoist=true

‎nuxtbe/README.md

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
![nuxt-ui-saas-social-card](https://github.com/nuxt-ui-pro/saas/assets/739984/50bf4ddd-c4d5-47e5-a09e-0f699513dfb5)
2+
3+
# Nuxt UI Pro - SaaS template
4+
5+
[![Nuxt UI Pro](https://img.shields.io/badge/Made%20with-Nuxt%20UI%20Pro-00DC82?logo=nuxt.js&labelColor=020420)](https://ui.nuxt.com/pro)
6+
7+
- [Live demo](https://saas-template.nuxt.dev/)
8+
- [Play on Stackblitz](https://stackblitz.com/github/nuxt-ui-pro/saas)
9+
- [Documentation](https://ui.nuxt.com/pro/getting-started)
10+
11+
[![Deploy to NuxtHub](https://hub.nuxt.com/button.svg)](https://hub.nuxt.com/new?repo=nuxt-ui-pro/saas)
12+
13+
## Quick Start
14+
15+
```bash [Terminal]
16+
npx nuxi init -t github:nuxt-ui-pro/saas
17+
```
18+
19+
## Setup
20+
21+
Make sure to install the dependencies:
22+
23+
```bash
24+
# npm
25+
npm install
26+
27+
# pnpm
28+
pnpm install
29+
30+
# yarn
31+
yarn install
32+
33+
# bun
34+
bun install
35+
```
36+
37+
## Development Server
38+
39+
Start the development server on `http://localhost:3000`:
40+
41+
```bash
42+
# npm
43+
npm run dev
44+
45+
# pnpm
46+
pnpm run dev
47+
48+
# yarn
49+
yarn dev
50+
51+
# bun
52+
bun run dev
53+
```
54+
55+
## Production
56+
57+
Build the application for production:
58+
59+
```bash
60+
# npm
61+
npm run build
62+
63+
# pnpm
64+
pnpm run build
65+
66+
# yarn
67+
yarn build
68+
69+
# bun
70+
bun run build
71+
```
72+
73+
Locally preview production build:
74+
75+
```bash
76+
# npm
77+
npm run preview
78+
79+
# pnpm
80+
pnpm run preview
81+
82+
# yarn
83+
yarn preview
84+
85+
# bun
86+
bun run preview
87+
```
88+
89+
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
90+
91+
## Nuxt Studio integration
92+
93+
Add `@nuxthq/studio` dependency to your package.json:
94+
95+
```bash
96+
# npm
97+
npm install --save-dev @nuxthq/studio
98+
99+
# pnpm
100+
pnpm add -D @nuxthq/studio
101+
102+
# yarn
103+
yarn add -D @nuxthq/studio
104+
105+
# bun
106+
bun add -d @nuxthq/studio
107+
```
108+
109+
Add this module to your `nuxt.config.ts`:
110+
111+
```ts
112+
export default defineNuxtConfig({
113+
...
114+
modules: [
115+
...
116+
'@nuxthq/studio'
117+
]
118+
})
119+
```
120+
121+
Read more on [Nuxt Studio docs](https://nuxt.studio/docs/get-started/setup).
122+
123+
## Renovate integration
124+
125+
Install [Renovate GitHub app](https://github.com/apps/renovate/installations/select_target) on your repository and you are good to go.

‎nuxtbe/app/app.config.ts

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
export default defineAppConfig({
2+
ui: {
3+
primary: 'sky',
4+
gray: 'cool',
5+
button: {
6+
rounded: 'rounded-full',
7+
default: {
8+
size: 'md'
9+
}
10+
},
11+
input: {
12+
default: {
13+
size: 'md'
14+
}
15+
},
16+
card: {
17+
rounded: 'rounded-xl'
18+
},
19+
footer: {
20+
top: {
21+
wrapper: 'border-t border-gray-200 dark:border-gray-800',
22+
container: 'py-8 lg:py-16'
23+
},
24+
bottom: {
25+
wrapper: 'border-t border-gray-200 dark:border-gray-800'
26+
}
27+
},
28+
page: {
29+
hero: {
30+
wrapper: 'lg:py-24'
31+
}
32+
}
33+
}
34+
})

‎nuxtbe/app/app.vue

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<script setup lang="ts">
2+
const colorMode = useColorMode()
3+
4+
const color = computed(() => colorMode.value === 'dark' ? '#111827' : 'white')
5+
6+
useHead({
7+
meta: [
8+
{ charset: 'utf-8' },
9+
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
10+
{ key: 'theme-color', name: 'theme-color', content: color }
11+
],
12+
link: [
13+
{ rel: 'icon', href: '/favicon.ico' }
14+
],
15+
htmlAttrs: {
16+
lang: 'en'
17+
}
18+
})
19+
20+
useSeoMeta({
21+
titleTemplate: '%s - Nuxt UI Pro - SaaS template',
22+
ogImage: 'https://saas-template.nuxt.dev/social-card.png',
23+
twitterImage: 'https://saas-template.nuxt.dev/social-card.png',
24+
twitterCard: 'summary_large_image'
25+
})
26+
</script>
27+
28+
<template>
29+
<div>
30+
<NuxtLoadingIndicator />
31+
32+
<NuxtLayout>
33+
<NuxtPage />
34+
</NuxtLayout>
35+
36+
<UNotifications />
37+
</div>
38+
</template>

‎nuxtbe/app/components/AppFooter.vue

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
<script setup lang="ts">
2+
const links = [{
3+
label: 'Resources',
4+
children: [{
5+
label: 'Help center'
6+
}, {
7+
label: 'Docs'
8+
}, {
9+
label: 'Roadmap'
10+
}, {
11+
label: 'Changelog'
12+
}]
13+
}, {
14+
label: 'Features',
15+
children: [{
16+
label: 'Affiliates'
17+
}, {
18+
label: 'Portal'
19+
}, {
20+
label: 'Jobs'
21+
}, {
22+
label: 'Sponsors'
23+
}]
24+
}, {
25+
label: 'Company',
26+
children: [{
27+
label: 'About'
28+
}, {
29+
label: 'Pricing'
30+
}, {
31+
label: 'Careers'
32+
}, {
33+
label: 'Blog'
34+
}]
35+
}]
36+
37+
const toast = useToast()
38+
39+
const email = ref('')
40+
const loading = ref(false)
41+
42+
function onSubmit() {
43+
loading.value = true
44+
45+
setTimeout(() => {
46+
toast.add({
47+
title: 'Subscribed!',
48+
description: 'You\'ve been subscribed to our newsletter.'
49+
})
50+
51+
loading.value = false
52+
}, 1000)
53+
}
54+
</script>
55+
56+
<template>
57+
<UFooter>
58+
<template #top>
59+
<UFooterColumns :links="links">
60+
<template #right>
61+
<form @submit.prevent="onSubmit">
62+
<UFormGroup
63+
label="Subscribe to our newsletter"
64+
:ui="{ container: 'mt-3' }"
65+
>
66+
<UInput
67+
v-model="email"
68+
type="email"
69+
placeholder="Enter your email"
70+
:ui="{ icon: { trailing: { pointer: '' } } }"
71+
required
72+
size="xl"
73+
autocomplete="off"
74+
class="max-w-sm"
75+
input-class="rounded-full"
76+
>
77+
<template #trailing>
78+
<UButton
79+
type="submit"
80+
size="xs"
81+
color="primary"
82+
:label="loading ? 'Subscribing' : 'Subscribe'"
83+
:loading="loading"
84+
/>
85+
</template>
86+
</UInput>
87+
</UFormGroup>
88+
</form>
89+
</template>
90+
</UFooterColumns>
91+
</template>
92+
93+
<template #left>
94+
<p class="text-gray-500 dark:text-gray-400 text-sm">
95+
Copyright © {{ new Date().getFullYear() }}. All rights reserved.
96+
</p>
97+
</template>
98+
99+
<template #right>
100+
<UColorModeButton size="sm" />
101+
102+
<UButton
103+
to="https://github.com/nuxt-ui-pro/saas"
104+
target="_blank"
105+
icon="i-simple-icons-github"
106+
aria-label="GitHub"
107+
color="gray"
108+
variant="ghost"
109+
/>
110+
</template>
111+
</UFooter>
112+
</template>

0 commit comments

Comments
 (0)