This is a starter template for building modern web applications using SvelteKit, Tailwind CSS, and DaisyUI. It comes with a responsive and customizable navbar, pre-built pages, and various UI components to kickstart your project. The template also includes support for authentication and user management.
- SvelteKit for building web applications
- Tailwind CSS for styling
- DaisyUI for UI components
- Responsive and customizable navbar
- Pre-built pages for common use cases
- UI components for rapid development
- Authentication and user management
npx sveltekit-page-title-component
This package adds PageTitle.svelte
to all routes with a +page.svelte
within it that names the page based on the Page URL
- Node.js v14.x or later
- npm v6.x or later
- Use .env file to store the Website name (VITE_SITE_NAME="Your Site Name")
.env
VITE_SITE_NAME="Your Site Name"
- Clone the repository:
git clone https://github.com/your-username/Sveltekit-TailwindCSS-DaisyUI-Navbar-Template.git
- Navigate to the project folder:
cd Sveltekit-TailwindCSS-DaisyUI-Navbar-Template
- Install the dependencies:
npm install
- Run the development server:
npm run dev
- Open your browser and visit http://localhost:3000.
To build the application for production, run the following command:
npm run build
This will create a dist
folder with the compiled assets, which can be deployed to your preferred hosting provider.
You can customize the template by modifying the components in the src/lib/components
folder and adding your own styles in src/app.postcss
. The pre-built pages can be found in the src/routes
folder, and you can add new pages by creating additional Svelte components inside the folder.
For authentication and user management, you can modify the src/routes/auth
folder and integrate it with your preferred authentication provider.
Contributions are welcome! If you have any ideas, suggestions, or bug reports, feel free to submit an issue or create a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.