nebula-homepage Svelte Themes

Nebula Homepage

A sleek, responsive landing page for Nebula built with Svelte, featuring fast client‑side rendering, component‑based UI, and easy deployment to GitHub Pages.

🌌 Nebula – Landing Page Repository

Welcome to the Nebula landing page! This repository hosts the static site introducing Nebula – a decentralized, global platform built on Kadnet, CosmaDB, NebulaStore, and NebulisChain.

This page is the first touchpoint for developers, contributors, and the community, showcasing Nebula's vision, architecture, and roadmap.


🚀 Overview

The landing page delivers a clear, visual introduction to the project. Visitors can quickly understand:

  • The core vision of Nebula
  • Its technical architecture
  • The development roadmap
  • How to get involved or contribute

📂 Repository Structure

/
├─ .svelte-kit                  # Generated by SvelteKit (build & cache)
├─ src/                         # Svelte source files
│   ├─ lib/                     # Reusable components, stores, utilities
│   ├─ routes/                  # Page routes (+page.svelte, +layout.svelte, etc.)
│   └─ app.html                 # HTML template (SvelteKit entry)
│
├─ static/                      # Public static assets (served as-is)
│
├─ .gitignore                   # Git ignore file
├─ .npmrc                       # npm configuration (e.g., save-exact, registry)
├─ .prettierignore              # Prettier ignore file
├─ .prettierrc.json             # Prettier formatting config
├─ eslint.config.json           # ESLint configuration
├─ LICENSE                      # Creative Commons Attribution-NonCommercial 4.0 International
├─ package-lock.json            # Dependency lock file (ensures consistent dependency versions)
├─ package.json                 # Project metadata & dependencies
├─ postcss.config.js            # PostCSS Configuration (Loads Tailwind CSS and Autoprefixer)
├─ README.md                    # Project documentation
├─ svelte.config.js             # SvelteKit configuration (includes adapter-static)
├─ tailwind.config.js           # Tailwind CSS Configuration (Defines theme and content paths)
├─ tsconfig.json                # Root TypeScript configuration
├─ vite.config.js               # Vite configuration for SvelteKit

⚡ Getting Started

  1. Clone the repo
git clone https://github.com/enzoblain/nebula-homepage.git
cd nebula-site
  1. Install dependencies
npm install
  1. Run locally
npm run dev

This will start a local development server (usually at http://localhost:5173) where you can view the landing page live.

  1. Build for production (static site)
npm run build
  1. Preview the built site
npm run preview

Note: SvelteKit with adapter-static generates a fully static site in the build folder, which can then be deployed to GitHub Pages, Netlify, Vercel, etc.


📦 Deployment

The landing page is hosted as a static site. Pushing to main triggers the CI/CD pipeline to deploy automatically.

Typical workflow:

git checkout main
git push origin main   # triggers GitHub Actions → deploy to gh-pages

🤝 Contributing

Contributions are welcome!

  1. Fork the repository
  2. Create a feature branch:
git checkout -b update-hero-section
  1. Make your changes and test locally
  2. Submit a Pull Request with a short description of your changes

Please follow the existing style guide to keep the design consistent.


📜 License

This landing page is licensed under the Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0). See the LICENSE file for details.


📬 Contact

Questions, suggestions, or partnership inquiries? Open an issue or reach out through the main Nebula project channels.


Built with ❤️ by the Nebula community

Top categories

Loading Svelte Themes