ptkdev-boilerplate / svelte-kit-ssr-boilerplate Goto Github PK

🧵 Svelte server-side-rendering built with SEO in mind. Start your project with this friendly svelte kit boilerplate

Home Page: https://npmjs.com/package/@ptkdev/svelte-kit-ssr-boilerplate

License: Other

JavaScript 17.56% Shell 0.29% HTML 1.20% Svelte 14.80% Smarty 6.65% TypeScript 51.64% SCSS 7.86%

svelte-kit svelte svelte-boilerplate svelte-ssr server-side-rendering ssr svelte-kit-boilerplate github-template seo create-svelte-app

svelte-kit-ssr-boilerplate's Introduction

🚀 svelte-kit-ssr-boilerplate

⚠️ IMPORTANT: This boilerplate is work-in-progress (svelte-kit is in alpha/beta version). Don't use it in production.

Svelte server-side-rendering built with SEO in mind. Start your project with this friendly svelte kit boilerplate.

This is a github template, you can fork it or use as template for start new project with this repository as hello-world. I hate start new project with empty template, often i missing correct configuration, readme instruction or i need of samples of code. Use this repository as template solve this problem.

🎁 Support: Donate

This project is free, open source and I try to provide excellent free support. Why donate? I work on this project several hours in my spare time and try to keep it up to date and working. THANK YOU!

📎 Menu

💡 Features
🔨 Developer Mode
👨‍💻 Contributing
🐛 Known Bugs
🍻 Community:
- Telegram (🇬🇧 English | 🇮🇹 Italian)
- Discord (🇬🇧 English | 🇮🇹 Italian | 🇵🇱 Polish)
- Twitter

💡 Features

[✔️] Easy to use
[✔️] MIT License
[✔️] Server side rendering built with SEO in mind
[✔️] Browser sync, auto refresh, auto reload
[✔️] Friendly boilerplate + Github templates
[✔️] Powered by svelte-kit framework
[✔️] Without jQuery depencence
[✔️] Typescript + TSPaths preconfigured
[✔️] Userfriendly folders tree
[✔️] Prettiers and ESLint preconfigured
[✔️] all-contributors-cli and all-shields-cli preconfigured
[✔️] JEST Test preconfigured
[✔️] Full async code
[✔️] Github and Vscode dotfiles preconfigured
[✔️] HTTP/HTTPS support
[✔️] Translations i18n: 🇬🇧 🇮🇹 🇵🇱 (Help me ❤️)

🔖 TODO

[✖️] Dark mode (Issue: #1)
[✖️] 100% on Google Speedpage (Issue: #6)
[✖️] PWA + Service Worker + Offline
[✖️] Images LazyLoad

🔨 Developer Mode

Clone this repository or download nightly, beta or stable.
Run npm run init
Run npm run dev or npm run dev-https (this assumes you have mkcert)
Run http://localhost:5000 or https://localhost:5000

📚 Documentation

Run npm run docs

👑 Backers and Sponsors

Thanks to all our backers! 🙏 Donate 3$ or more on paypal, ko-fi, github or patreon and send me email with your avatar and url.

👨‍💻 Contributing

I ❤️ contributions! I will happily accept your pull request! Translations, grammatical corrections (GrammarNazi you are welcome! Yes my English is bad, sorry), etc... Do not be afraid, if the code is not perfect we will work together 👯 and remember to insert your name in .all-contributorsrc and package.json file.

Thanks goes to these wonderful people (emoji key):

_{Patryk Rzucidło}
💻 🌍 📖 🐛

💰 In the future, if the donations allow it, I would like to share some of the success with those who helped me the most. For me open source is share of code, share development knowledges and share donations!

🦄 Other Projects

💫 License

Code and Contributions have MIT License
Images and logos have CC BY-NC 4.0 License
Documentations and Translations have CC BY 4.0 License

Copyleft (c) 2021 Patryk Rzucidło (@PTKDev) <[email protected]>

svelte-kit-ssr-boilerplate's People

Contributors

Stargazers

Watchers

Forkers

lgs gran0123 heniu75

svelte-kit-ssr-boilerplate's Issues

The app don't run

Versions

App Version: v1.0.20210516
Node Version: v14.17.0
Operating System: macOS Monterey 12.0.1
Browser: Google Chrome v96.0.4664.55 (arm64)

Expected Behavior

The app won't start, I updated vite but I receive an error in my browser on http://127.0.0.1:5000:

Error: Unrecognized option 'enableSourcemap' at file:///Users/alessandromicelli/Desktop/Progetti/Personali/Client/svelte-kit/node_modules/svelte/compiler.mjs:29966:19 at Array.forEach (<anonymous>) at validate_options (file:///Users/alessandromicelli/Desktop/Progetti/Personali/Client/svelte-kit/node_modules/svelte/compiler.mjs:29960:26) at compile (file:///Users/alessandromicelli/Desktop/Progetti/Personali/Client/svelte-kit/node_modules/svelte/compiler.mjs:30004:5) at compileSvelte2 (file:///Users/alessandromicelli/Desktop/Progetti/Personali/Client/svelte-kit/node_modules/@sveltejs/vite-plugin-svelte/dist/index.js:313:20) at async TransformContext.transform (file:///Users/alessandromicelli/Desktop/Progetti/Personali/Client/svelte-kit/node_modules/@sveltejs/vite-plugin-svelte/dist/index.js:1460:27) at async Object.transform (/Users/alessandromicelli/Desktop/Progetti/Personali/Client/svelte-kit/node_modules/@sveltejs/kit/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:42396:30) at async doTransform (/Users/alessandromicelli/Desktop/Progetti/Personali/Client/svelte-kit/node_modules/@sveltejs/kit/node_modules/vite/dist/node/chunks/dep-e0fe87f8.js:56801:29)

Actual Behavior

I receive this error:

@ptkdev/[email protected] dev /Users/alessandromicelli/Desktop/Progetti/Personali/Client/svelte-kit
svelte-kit dev -p 5000

`(node:4914) UnhandledPromiseRejectionWarning: file:///Users/alessandromicelli/Desktop/Progetti/Personali/Client/svelte-kit/node_modules/@sveltejs/vite-plugin-svelte/dist/index.js:1117
transformWithEsbuild
^^^^^^^^^^^^^^^^^^^^
SyntaxError: Named export 'transformWithEsbuild' not found. The requested module 'vite' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from 'vite';

at ModuleJob._instantiate (internal/modules/esm/module_job.js:104:21)
at async ModuleJob.run (internal/modules/esm/module_job.js:149:5)
at async Loader.import (internal/modules/esm/loader.js:177:24)
at async file:///Users/alessandromicelli/Desktop/Progetti/Personali/Client/svelte-kit/node_modules/@sveltejs/kit/dist/cli.js:838:19

(Use node --trace-warnings ... to show where the warning was created)
(node:4914) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag --unhandled-rejections=strict (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:4914) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.`

Steps to Reproduce

clone the repo
switch to branch you want
launch npm run init
launch npm run dev

Screenshots (Optional)

[Bug] Darkmode don't work

Darkmode don't work

Versions

App Version: latest svelte-kit
Node Version: v15.0.0
Operating System: All
Browser: Google Chrome v89

Expected Behavior

Toggle darkmode work

Actual Behavior

Toggle darkmode don't work

ptkdev-boilerplate / svelte-kit-ssr-boilerplate Goto Github PK

svelte-kit-ssr-boilerplate's Introduction

🚀 svelte-kit-ssr-boilerplate

🎁 Support: Donate

📎 Menu

💡 Features

🔖 TODO

🔨 Developer Mode

📚 Documentation

👑 Backers and Sponsors

👨‍💻 Contributing

🦄 Other Projects

💫 License

Copyleft (c) 2021 Patryk Rzucidło (@PTKDev) <[email protected]>

svelte-kit-ssr-boilerplate's People

Contributors

Stargazers

Watchers

Forkers

svelte-kit-ssr-boilerplate's Issues

Versions

Expected Behavior

Actual Behavior

Steps to Reproduce

Screenshots (Optional)

Versions

Expected Behavior

Actual Behavior

Recommend Projects

Recommend Topics

Recommend Org