I built this beginner-friendly landing page using SvelteKit for the first time. It's a simple project aimed at helping newcomers learn SvelteKit and TailwindCSS by example.
This project serves as a hands-on introduction to building web applications with SvelteKit and styling them with TailwindCSS.
-
Clone the Repository:
git clone https://github.com/GreNxNja/Svelte_Tryout.git
-
Navigate to the Project Directory:
cd Svelte_Tryout
-
Install Dependencies:
npm install
-
Start the Development Server:
npm run dev
-
Open in Browser: Navigate to
http://localhost:5173
to view the landing page.
src/routes
: Contains Svelte components for each route of the application.src/components
: Contains reusable Svelte components used across the application.src/routes/__layout.svelte
: Defines the layout for all routes.src/app.html
: HTML template for the application.tailwind.config.js
: TailwindCSS configuration file.postcss.config.js
: PostCSS configuration file.
- SvelteKit Documentation: SvelteKit Documentation
- TailwindCSS Documentation: TailwindCSS Documentation