dj0nny / svelte-express-boilerplate Goto Github PK

View Code? Open in Web Editor NEW

80.0 5.0 18.0 240 KB

Boilerplate for developing full stack apps with Express and Svelte.js 📦

License: MIT License

JavaScript 39.76% CSS 23.65% HTML 6.46% Svelte 30.13%

express expressjs express-js svelte sveltejs svelte-v3 boilerplate boilerplate-application boilerplate-express

svelte-express-boilerplate's Introduction

svelte-express-boilerplate 📦

Boilerplate for developing full stack apps with Express and Svelte.js

Getting Started

Prerequisites

For this project you need Node installed on your machine with Npm or Yarn.

Download

You can clone this repository using Git:

git clone https://github.com/dj0nny/svelte-express-boilerplate.git

Or download the repository here

Quick start

# Install dependencies for server
npm install

# Install dependencies for client
npm run client-install

# Run the client & server with concurrently
npm run dev

# Run the Express server only
npm run serve:server

# Run the Svelte client only
npm run serve:client

# Server runs on http://localhost:5678 and client on http://localhost:5000

Built with ❤️ using:

Node.js - JavaScript runtime built on Chrome's V8 JavaScript engine.
Express - Fast, unopinionated, minimalist web framework for Node.js
Svelte.js - Javascript framework

Contributing

Pull Requests for adding features ⇄ and ★ are welcome 😎

svelte-express-boilerplate's People

Contributors

Stargazers

Watchers

Forkers

severinkilchhofer stephensmitchell-forks rande100 danielndhlovu joel-simon parkerproject sridharraman brennanxyz krol-x pmckenna0 mvaden str4ken theprogrammerjerry usarral dangroza dponce23 carl-clarke ffos

svelte-express-boilerplate's Issues

Please set the repo as template

Please mark this repository as 'template repository', so it can be used as a base for other projects directly from github.

Thank u

deploying to heroku

getting the following error when deploying to Heroku;

remote: > [email protected] build /tmp/build_6abf91d1/client
remote: > rollup -c
remote:
remote: sh: 1: rollup: not found
remote: npm ERR! code ELIFECYCLE
remote: npm ERR! syscall spawn
remote: npm ERR! file sh
remote: npm ERR! errno ENOENT
remote: npm ERR! [email protected] build: rollup -c
remote: npm ERR! spawn ENOENT
remote: npm ERR!

App not reactive at all

I just cloned the repo and clicking the buttons doesn't do anything (doesn't update the counter), i've tested other, simpler svelte view like the button tutorial from svelte and nothing works.

Thank you for your time.

Node: v18.6.0
Npm: 8.14.0
Browser: Brave 1.41.100 Chromium: 103.0.5060.134 (Official Build) (64 bits)
OS: Manjaro Linux x86_64
Kernel: 5.18.12-3-MANJARO
Window manager: xfce4

1000 is privileged port

Hello,

[1]   Your application is ready~! 🚀
[1] 
  - Local:      http://localhost:5000
[1]   - Network:    Add `--host` to expose
[1] 
[1]  LOGS 
[1] 
[1] [rollup-plugin-svelte] Unknown "dev" option. Please use "compilerOptions" for any Svelte compiler configuration.
[1] [rollup-plugin-svelte] Unknown "css" option. Please use "compilerOptions" for any Svelte compiler configuration.
[1] rollup v2.52.1
[1] bundles src/main.js → public/bundle.js...
[1] LiveReload enabled
[0] [nodemon] restarting due to changes...
[0] [nodemon] starting `node src/index.js`
[1] created public/bundle.js in 702ms
[0] events.js:292
[0]       throw er; // Unhandled 'error' event
[0]       ^
[0] 
[0] Error: listen EACCES: permission denied 0.0.0.0:1000
[0]     at Server.setupListenHandle [as _listen2] (net.js:1297:21)
[0]     at listenInCluster (net.js:1362:12)
[0]     at Server.listen (net.js:1448:7)
[0]     at Function.listen (/media/pm/Data/Documents/github/svelte-express-boilerplate-develop/node_modules/express/lib/application.js:618:24)
[0]     at Object.<anonymous> (/media/pm/Data/Documents/github/svelte-express-boilerplate-develop/src/index.js:5:5)
[0]     at Module._compile (internal/modules/cjs/loader.js:1185:30)
[0]     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1205:10)
[0]     at Module.load (internal/modules/cjs/loader.js:1034:32)
[0]     at Function.Module._load (internal/modules/cjs/loader.js:923:14)
[0]     at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)
[0] Emitted 'error' event on Server instance at:
[0]     at emitErrorNT (net.js:1341:8)
[0]     at processTicksAndRejections (internal/process/task_queues.js:84:21) {
[0]   code: 'EACCES',
[0]   errno: -13,
[0]   syscall: 'listen',
[0]   address: '0.0.0.0',
[0]   port: 1000
[0] }
[0] [nodemon] app crashed - waiting for file changes before starting...
^C[1] npm run serve:client exited with code SIGINT
[0] ┌───────────────────────────────────────────────────┐
[0] │            nodemon update check failed            │
[0] │        Try running with sudo or get access        │
[0] │       to the local update config store via        │
[0] │ sudo chown -R $USER:$(id -gn $USER) /root/.config │
[0] └───────────────────────────────────────────────────┘
[0] npm run serve:server exited with code SIGINT

Everything below port 1024 is privileged: https://www.w3.org/Daemon/User/Installation/PrivilegedPorts.html

Svelte bundle.css is output to public/public/bundle.css

This should be a quick fix, rollup config just needs to be updated to be:

 css.write('bundle.css');

Awesome project, thanks for putting this together!