<h2>Overview</h2>
<p>The Nuxt Directus Starter is an excellent template designed for developers looking to rapidly launch a Nuxt 3 project integrated with Directus. This starter kit streamlines the process by providing a robust set of features that cater to current web development standards, making it easier than ever to focus on building your application without wrestling with configurations. With its intuitive setup and powerful modules, this template is poised to enhance your development experience considerably.</p>
<p>Whether you’re a seasoned developer or just starting, the Nuxt Directus Starter makes it simple to create scalable and modern applications. With integrations for UI customization and security, this template will help you build reliable applications with a solid foundation.</p>
<h2>Features</h2>
<ul>
<li><strong>Based on nuxt-directus module</strong>: Provides a seamless integration with Directus, allowing for efficient data management and API access.</li>
<li><strong>Customizable UI layer</strong>: Features a UI built with Naive UI that allows for easy customization to meet your design needs.</li>
<li><strong>Tailwindcss integration</strong>: Leverage the power of Tailwindcss for rapid and responsive design, included via the @nuxtjs/tailwindcss module.</li>
<li><strong>HTTP security</strong>: Built-in security measures through the nuxt-security module help safeguard your application from common vulnerabilities.</li>
<li><strong>Simple setup</strong>: Just rename the configuration file and install dependencies to get up and running in no time.</li>
<li><strong>Development and production support</strong>: Easily start a development server locally and have a streamlined process for building and deploying your production application.</li>
</ul>


<h2>Overview</h2>
<p>The Nuxt Auth is a comprehensive solution for handling authentication in Nuxt 3 projects. It provides features such as email/password authentication, email verification and password reset flows, OAuth login with platforms like Google and Github, route middleware protection, and more. It is database agnostic and offers various composables for managing authentication operations. The theme also supports custom claims, customizable email templates, user session management, and deployment on platforms like Vercel, Netlify, and Cloudflare.</p>
<h2>Features</h2>
<ul>
<li><strong>Email/password authentication</strong>: Users can authenticate using their email and password.</li>
<li><strong>Email verification &#x26; password reset flows</strong>: The theme allows for email verification and password reset functionalities.</li>
<li><strong>OAuth login</strong>: Users can log in using their accounts from platforms like Google and Github.</li>
<li><strong>Route middleware protection</strong>: Routes can be protected using middleware to ensure authorized access.</li>
<li><strong>Database agnostic</strong>: The theme is built on Prisma and can work with any database.</li>
<li><strong>Auth operations via useAuth composable</strong>: The useAuth composable provides various functions for performing authentication operations.</li>
<li><strong>Auto refresh of access token via useAuthFetch composable</strong>: The useAuthFetch composable automatically refreshes the access token to maintain user sessions.</li>
<li><strong>Add dynamic custom claims to access token</strong>: Custom claims can be added to the access token to provide additional information.</li>
<li><strong>Customizable email templates</strong>: The email templates used for verification and password reset can be customized.</li>
<li><strong>User session management via useAuthSession composable</strong>: The useAuthSession composable manages user sessions.</li>
<li><strong>Edge deployment on Vercel, Netlify, Cloudflare</strong>: The theme can be easily deployed on platforms like Vercel, Netlify, and Cloudflare.</li>
</ul>
<h2>Summary</h2>
<p>Nuxt Auth is a powerful solution for handling authentication in Nuxt 3 projects. With features like email/password authentication, OAuth login, route protection, and customizable email templates, it provides a comprehensive authentication system. The theme is database agnostic, supports custom claims, and offers user session management. It can be easily deployed on platforms like Vercel, Netlify, and Cloudflare. To get started, add the <code>@bg-dev/nuxt-auth</code> dependency to your project and refer to the documentation for installation instructions.</p>


<h2>Overview</h2>
<p>The Nuxt Directus is a tool that provides a software development kit (SDK) for integrating the Directus API with Nuxt.js applications. It offers support for server-side rendering, a REST client, a GraphQL client, and an authentication handler. The module can be easily installed and configured in Nuxt.js projects.</p>
<h2>Features</h2>
<ul>
<li><strong>SSR Support</strong>: The Nuxt Directus module provides support for server-side rendering in Nuxt.js applications.</li>
<li><strong>Rest Client</strong>: It includes a REST client via the useDirectusRest composable, which is based on the new Directus SDK.</li>
<li><strong>GraphQL Client</strong>: The module also offers a GraphQL client based on the Nuxt Apollo module for data fetching.</li>
<li><strong>Auth Handler</strong>: It provides an authentication handler via the useDirectusAuth composable, which includes features like auto-refresh of access token and auto-redirection.</li>
</ul>
<h2>Summary</h2>
<p>The Nuxt Directus module is a useful tool for integrating the Directus API with Nuxt.js applications. It offers features like server-side rendering support, a REST client, a GraphQL client, and an authentication handler. The module can be easily installed and configured in Nuxt.js projects, making it a convenient choice for developers working with Directus and Nuxt.js.</p>


<h2>Overview</h2>
<p>Nuxt Naive UI is a component library designed for Nuxt 3 projects. It offers a range of features that make it an ideal choice for developers looking to build responsive and customizable user interfaces. With a focus on SSR (Server-Side Rendering) compatibility, auto-imported and tree-shakable components, and easy integration with Tailwindcss, Nuxt Naive UI simplifies the process of creating dynamic and visually appealing applications.</p>
<h2>Features</h2>
<ul>
<li><strong>SSR friendly:</strong> The library is designed to work seamlessly with Server-Side Rendering, allowing for improved performance and SEO optimization.</li>
<li><strong>Auto imported and tree-shakable components &#x26; composables:</strong> Nuxt Naive UI automatically imports only the components and composables that are used in the project, reducing bundle size and improving performance.</li>
<li><strong>Highly customizable for color mode and device type:</strong> The library offers extensive customization options, allowing developers to easily adapt the UI to different color modes and device types.</li>
<li><strong>Friendly integration with Tailwindcss:</strong> Nuxt Naive UI can be easily integrated with Tailwindcss, a highly customizable utility-first CSS framework, providing even more flexibility in styling the UI.</li>
<li><strong>Implements custom components:</strong> In addition to standard UI components, Nuxt Naive UI also includes custom components that can be used to enhance the user experience and add unique functionality.</li>
<li><strong>NaiveNavbar:</strong> A responsive navbar component that simplifies app navigation on different devices and screen sizes.</li>
<li><strong>NaiveIcon:</strong> A wrapper component based on iconify/vue, offering a wide collection of icons to choose from for seamless integration into the UI.</li>
<li><strong>NaiveColorModeSwitch:</strong> A switch component that allows users to toggle between light and dark modes based on the useNaiveColorMode composable.</li>
<li><strong>NaiveTabbar:</strong> A tabBar component specifically designed for mobile and tablet navigation, providing an intuitive and user-friendly interface.</li>
</ul>
<h2>Summary</h2>
<p>Nuxt Naive UI is an excellent choice for developers looking to create modern and responsive interfaces for their Nuxt 3 projects. With its SSR compatibility, efficient bundle size optimization, and customizable features, the library simplifies the development process and allows for a seamless integration of powerful UI components. Whether it's adapting to different color modes, integrating icons, or providing intuitive navigation options, Nuxt Naive UI offers a comprehensive set of features that enhance the user experience and make development more efficient.</p>


<h2>Overview</h2>
<p>The Nuxt 3 starter is a modular template that provides essential features to quickly get started on a full stack Nuxt 3 project. It offers compatibility with the latest version of Nuxt, integration with Prisma for database manipulation, user authentication with password and social login, file upload to S3 compatible file storage services, a customizable UI layer based on Naive UI, integration with Tailwindcss, and HTTP security features.</p>
<h2>Features</h2>
<ul>
<li><strong>Edge compatible</strong>: The template is compatible with the latest version of Nuxt, ensuring that you can take advantage of all the latest features and improvements.</li>
<li><strong>Prisma integration</strong>: Integrate Prisma to easily perform database operations within your Nuxt 3 project.</li>
<li><strong>User authentication</strong>: Enable user authentication with password and social login using the <code>@bg-dev/nuxt-auth</code> module.</li>
<li><strong>File upload to S3</strong>: Easily upload files to S3 compatible file storage services using the <code>nuxt-s3</code> module.</li>
<li><strong>Customizable UI layer</strong>: Customize the UI layer of your project with ease using the <code>@bg-dev/nuxt-naiveui</code> module, which is based on Naive UI.</li>
<li><strong>Tailwindcss integration</strong>: Make use of the popular utility-first CSS framework, Tailwindcss, using the <code>@nuxtjs/tailwindcss</code> module.</li>
<li><strong>HTTP security</strong>: Ensure the security of your HTTP connections with the <code>nuxt-security</code> module.</li>
</ul>
<h2>Summary</h2>
<p>The Nuxt 3 starter is a versatile template that provides essential features for developing a full stack Nuxt 3 project. With its compatibility with the latest version of Nuxt, integration with Prisma, user authentication, file upload capabilities, customizable UI layer, and integration with Tailwindcss, it offers a solid foundation for building modern web applications. Additionally, the included HTTP security features ensure the safety of HTTP connections.</p>


Becem Gharbi

Directus Starter

Nuxt Auth

Nuxt Directus

Nuxt Naiveui

Nuxt Starter