Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Cover image for Sveltekit web gallery app
Harsh Mangalam
Harsh Mangalam

Posted on

     

Sveltekit web gallery app

Sveltekit is a fullstack web framework for creating fast web application on top of svelte.

Sveltekit comes with page splitting, file based routing, server side rendering and more for better performance.

I have created a simple web based gallery app using sveltekit,daisyui and tailwindcss

GitHub logo harshmangalam / sveltekit-web-gallery

Create web based picture gallery app using sveltekit and daisyui

create-svelte

Everything you need to build a Svelte project, powered bycreate-svelte;

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project in the current directorynpm init svelte@next# create a new project in my-appnpm init svelte@next my-app
Enter fullscreen modeExit fullscreen mode

Note: the@next is temporary

Developing

Once you've created a project and installed dependencies withnpm install (orpnpm install oryarn), start a development server:

npm run dev# or start the server and open the app in a new browser tabnpm run dev -- --open
Enter fullscreen modeExit fullscreen mode

Building

Before creating a production version of your app, install anadapter for your target environment. Then:

npm run build
Enter fullscreen modeExit fullscreen mode

You can preview the built app withnpm run preview, regardless of whether you installed an adapter. This shouldnot be used to serve your app in production.




1

2

3

4

Top comments(0)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

Open Sourcer | Tech Blogger | Fullstack Engineer | Tech Event Speaker | Freelancer
  • Location
    India
  • Education
    BCA
  • Pronouns
    he/him
  • Work
    Software Engineer
  • Joined

More fromHarsh Mangalam

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp