DEV Community

Discussion on: What are the fastest sites you visit daily?

View post

Replies for: React?

Collapse
 
karandpr profile image
Karan Gandhi •

Express actually. Well all express apps run at 3000 by default.

Thread Thread
 
mzaini30 profile image
Zen •

Thanks. I usually using Svelte with port 5000. So, I forgot what port 3000 using to. Hahhhah

Thread Thread
 
madza profile image
Madza •

I love Svelte ❤ Have you checked out Sapper as well? 😉

Thread Thread
 
mzaini30 profile image
Zen •

I created my own Svelte template for my personal needs

GitHub logo mzaini30 / svelte

Instalasi

npx degit mzaini30/svelte my-project
cd my-project
npm i
Enter fullscreen mode Exit fullscreen mode

Struktur folder

Keterangan Folder
File Svelte src/pages
Static files public/dist
Output public

Fitur

CSS

Menggunakan Bootstrap

Code splitting

Cukup jalankan

npm run build
Enter fullscreen mode Exit fullscreen mode

Router berbasis file

Kita menggunakan Routify.

Hot module reload

Dia nggak mereset state saat kita development. Cukup jalankan:

npm run dev
Enter fullscreen mode Exit fullscreen mode

SEO

Ini isi dari public/index.html:

<!-- 
 Website ini dibuat oleh Zen
 duniazen.com
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset='utf-8'>
    <meta name='viewport' content='width=device-width,initial-scale=1'>
    <title>Svelte Template</title>
    <meta name="description" content="Template Svelte yang diolah oleh Zen">
    <meta property="og:image" content="/dist/jean.jpg">
    <link rel='icon' type='image/png' href='/dist/ungu.png'>
    <link
…
Enter fullscreen mode Exit fullscreen mode
View on GitHub