96 lines
3.4 KiB
Vue
96 lines
3.4 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<UPageHero
|
||
|
|
title="Nuxt Starter Template"
|
||
|
|
description="A production-ready starter template powered by Nuxt UI. Build beautiful, accessible, and performant applications in minutes, not hours."
|
||
|
|
:links="[
|
||
|
|
{
|
||
|
|
label: 'Get started',
|
||
|
|
to: 'https://ui.nuxt.com/docs/getting-started/installation/nuxt',
|
||
|
|
target: '_blank',
|
||
|
|
trailingIcon: 'i-lucide-arrow-right',
|
||
|
|
size: 'xl',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'Use this template',
|
||
|
|
to: 'https://github.com/nuxt-ui-templates/starter',
|
||
|
|
target: '_blank',
|
||
|
|
icon: 'i-simple-icons-github',
|
||
|
|
size: 'xl',
|
||
|
|
color: 'neutral',
|
||
|
|
variant: 'subtle',
|
||
|
|
},
|
||
|
|
]"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<UPageSection
|
||
|
|
id="features"
|
||
|
|
title="Everything you need to build modern Nuxt apps"
|
||
|
|
description="Start with a solid foundation. This template includes all the essentials for building production-ready applications with Nuxt UI's powerful component system."
|
||
|
|
:features="[
|
||
|
|
{
|
||
|
|
icon: 'i-lucide-rocket',
|
||
|
|
title: 'Production-ready from day one',
|
||
|
|
description:
|
||
|
|
'Pre-configured with TypeScript, ESLint, Tailwind CSS, and all the best practices. Focus on building features, not setting up tooling.',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
icon: 'i-lucide-palette',
|
||
|
|
title: 'Beautiful by default',
|
||
|
|
description:
|
||
|
|
'Leveraging Nuxt UI\'s design system with automatic dark mode, consistent spacing, and polished components that look great out of the box.',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
icon: 'i-lucide-zap',
|
||
|
|
title: 'Lightning fast',
|
||
|
|
description:
|
||
|
|
'Optimized for performance with SSR/SSG support, automatic code splitting, and edge-ready deployment. Your users will love the speed.',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
icon: 'i-lucide-blocks',
|
||
|
|
title: '100+ components included',
|
||
|
|
description:
|
||
|
|
'Access Nuxt UI\'s comprehensive component library. From forms to navigation, everything is accessible, responsive, and customizable.',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
icon: 'i-lucide-code-2',
|
||
|
|
title: 'Developer experience first',
|
||
|
|
description:
|
||
|
|
'Auto-imports, hot module replacement, and TypeScript support. Write less boilerplate and ship more features.',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
icon: 'i-lucide-shield-check',
|
||
|
|
title: 'Built for scale',
|
||
|
|
description:
|
||
|
|
'Enterprise-ready architecture with proper error handling, SEO optimization, and security best practices built-in.',
|
||
|
|
},
|
||
|
|
]"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<UPageSection>
|
||
|
|
<UPageCTA
|
||
|
|
title="Ready to build your next Nuxt app?"
|
||
|
|
description="Join thousands of developers building with Nuxt and Nuxt UI. Get this template and start shipping today."
|
||
|
|
variant="subtle"
|
||
|
|
:links="[
|
||
|
|
{
|
||
|
|
label: 'Start building',
|
||
|
|
to: 'https://ui.nuxt.com/docs/getting-started/installation/nuxt',
|
||
|
|
target: '_blank',
|
||
|
|
trailingIcon: 'i-lucide-arrow-right',
|
||
|
|
color: 'neutral',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: 'View on GitHub',
|
||
|
|
to: 'https://github.com/nuxt-ui-templates/starter',
|
||
|
|
target: '_blank',
|
||
|
|
icon: 'i-simple-icons-github',
|
||
|
|
color: 'neutral',
|
||
|
|
variant: 'outline',
|
||
|
|
},
|
||
|
|
]"
|
||
|
|
/>
|
||
|
|
</UPageSection>
|
||
|
|
</div>
|
||
|
|
</template>
|