How to use SvelteKit

Josh_L · September 2, 2024, 11:42am

Hi, I’ve been trying to make multiple web pages interlinked recently, can you tell me how SvelteKit works in unity? I tried several times without success, and the URL was always associated with the sample case, and the web address of the menu was not found in the workspace when I ran the sample

If possible can you record a tutorial on the youtube channel

needle-assistant · September 2, 2024, 11:43am

Hi Josh! I’m an AI-powered assistant. I can help with questions regarding Needle Engine, three.js, and basic Unity or Blender help. Please reply with your question, and don’t forget to provide your OS, Needle Engine version, and Unity or Blender version if applicable. Looking forward to assisting you!

2 replies left - GPT 4O
thread_PuhCUIAWibxxHGMmEuNaguVo
Reply to this message to continue the conversation

marwie1 · September 2, 2024, 4:19pm

Hi, the screenshot shows the “Generate Project” UI - click the button “Generate Project” to create a local version of the Sveltekit template and run it.

Let me know when you did that.

Josh_L · September 2, 2024, 4:33pm

I have created a sample scenes here and run it

marwie1 · September 3, 2024, 8:34am

The menu is also in the sveltekit template

github.com

needle-engine/sveltekit-sample/blob/main/src/routes/+layout.svelte

<script lang="ts">
    import "../global.css";
    import { base } from "$app/paths";
</script>

<div class="app">
    <div class="header">
        <a href="{base}/">Home</a>
        <a href="{base}/markdown">Markdown Page</a>
        <a href="{base}/regular">Regular Page</a>
        <a href="{base}/scenes">Scenes</a>
        <a href="https://needle.tools">Needle</a>
        <a href="https://github.com/needle-engine/sveltekit-sample">Github</a>
    </div>
    <main>
        <slot />
    </main>
</div>

<style>

This file has been truncated. show original

Josh_L · September 3, 2024, 8:48am

Yes, I found this, this is just button, the (/a) is the URL link, I would like to know where is the URL link, so it could be replace by other URL

Josh_L · September 3, 2024, 8:50am

or did I am misunderstanding about it, {base}/markdown">Markdown, actually is the URL link

marwie1 · September 3, 2024, 11:10am

Indeed /markdown is the path to the “markdown” route - it’s setup here sveltekit-sample/src/routes/markdown at main · needle-engine/sveltekit-sample · GitHub in the sample.

I would highly recommend you read the Sveltekit Documentation Introduction • Docs • SvelteKit

They also have a great interactive tutorial Introduction / Welcome to Svelte • Svelte Tutorial

Then everything will be super easy

Josh_L · September 3, 2024, 12:12pm

OK，thank you！I will check it

Topic		Replies	Views
Scripts and image packaging upload web problems 🌵 Needle Engine question	7	20	August 14, 2024
Using vercel AI package 🌵 Needle Engine question	17	55	June 28, 2023
Why use FTP to deploy SvelteKit-related scenes? 🌵 Needle Engine question	4	15	August 28, 2024
Sveltekit sample build export with Export to FTP component doesn't have any html? 🌵 Needle Engine question	7	72	February 8, 2024
Alternatives to SvelteKit for quick loading between scenes? 🌵 Needle Engine question	9	74	February 8, 2024

How to use SvelteKit

Related topics