atomic-sveltekit-demo Svelte Themes

Atomic Sveltekit Demo

Template / boilerplate for Atomic-Server CMS + Sveltekit

Atomic-Sveltekit-Template

  • Simple boilerplate / template for a blog, portfolio, sales page, documentation page, knowledge base
  • Built with @tomic/svelte + sveltekit.
  • Content can be easily managed using AtomicServer CMS, open source alternative to Notion.

Features

  • 🚀 Fast: both static pages and dynamic pages are incredibly fast.
  • 🔎 Full-text search: fuzzy search and various operators, often <3ms responses.
  • 🍞 Breadcrumbs: hierarchical content, editable navigation bar menu items.
  • 🔄 Synchronization using websockets: build collaborative, real-time apps.
  • 🌐 SEO-friendly: with social previews, sitemap.
  • 🔧 Custom data models: create your own classes and forms. All verified and sharable using Atomic Schema.
  • 📂 File management: support for files / attachments.
  • 💻 Deploy using Netlify: fast, cheap (often free) and very easy to use.

Example sites

Launching a website and managing content

  • Create a new drive on Atomic Server.
    • Create a new Argu Site. This serves as an entrypoint.
    • Make sure the site is publicly available: context menu, share, public, save.
    • Modify the siteConfigs.ts file, set the link to the siteResource using the URL of the Argu Site created above.
    • You might need to restart the local front-end pnpm dev
  • Managing content
    • Press cmd+e or ctrl+e to open the editor for an article.

Dev info

Developing

(replace pnpm with bun if you like speed)

pnpm i
pnpm run dev

Building static pages

pnpm build

Deploy using Netlify

  • Create a free account on netlify
  • Install netlify cli pnpm install netlify-cli -g
  • Authenticate netlify login
  • Run locally, test netlify dev
  • Create site netlify unlink && netlify sites:create
  • Deploy netlify deploy --build -s <site-name>

Deploy using Cloudflare

  • Create account on Cloudflare
  • install wrangler v3 npm install wrangler -g or pnpm install wrangler -g
  • run wrangler login
  • add or uncommend cloudflare adapter import adapter from '@sveltejs/adapter-cloudflare'; in svelte.config.js
  • configure adapter:
          adapter: adapter({
              // See below for an explanation of these options
              routes: {
                  include: ['/*'],
                  exclude: ['<all>']
              }
          }),
    
  • build locally pnpm run build
  • run locally wrangler pages dev .svelte-kit/cloudflare
  • deploy wrangler pages publish

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes