Forwarded from Misha Rodshtein
Недельный отчёт
https://www.youtube.com/watch?v=OG70PKD0hEU
---
Этот выпуск посвящен деплою на свой сервер.
Инфы много. Всё немного путанно и небрежно, но как вышло )
7:30 Как деплоить Кит на свой сервер
- конфиг деплоя по коммиту через Github экшены
- конфиг сервера через файл
- настройка caddy proxy
- подключение базы данных sqlite
---
Остальное
⚠️ В Ките запретили экшн функции в layout.server.js
3:40 Как дебажить Кит в VSCode с брейкпоинтами 🔥🔥
Репо примера
https://github.com/theetrain/this-week-in-svelte
46:00 Новые viewport Units
47:40 Как стилизовать компоненты снаружи
(для новичков 👀)
54:20 Sass & Postcss -- как установить и использовать
59:47 Апдэйт пакетов npm / pnpm
https://www.youtube.com/watch?v=OG70PKD0hEU
---
Этот выпуск посвящен деплою на свой сервер.
Инфы много. Всё немного путанно и небрежно, но как вышло )
7:30 Как деплоить Кит на свой сервер
- конфиг деплоя по коммиту через Github экшены
- конфиг сервера через файл
- настройка caddy proxy
- подключение базы данных sqlite
---
Остальное
⚠️ В Ките запретили экшн функции в layout.server.js
3:40 Как дебажить Кит в VSCode с брейкпоинтами 🔥🔥
Репо примера
https://github.com/theetrain/this-week-in-svelte
46:00 Новые viewport Units
47:40 Как стилизовать компоненты снаружи
(для новичков 👀)
54:20 Sass & Postcss -- как установить и использовать
59:47 Апдэйт пакетов npm / pnpm
YouTube
This Week in Svelte (2023 June 9) - Updates, Self-hosting SvelteKit, Passing styles to children
Channel Sponsored by Vercel - https://bit.ly/3SkkVNb
This Week in Svelte is a weekly event where we casually discuss things that happened on the Svelte Discord, showcase community projects, and review some popular Q&A to learn and grow together.
This week’s…
This Week in Svelte is a weekly event where we casually discuss things that happened on the Svelte Discord, showcase community projects, and review some popular Q&A to learn and grow together.
This week’s…
❤4🙏1
#sveltekit #rpc
Пользуясь моментом, хочу прорекламировать свой фреймворк сетевого уровня Chord 🙃
https://github.com/chord-ts/rpc
Позволяет не писать кучу эндпоинтов и +server, бесшовно связывает бекенд с фронтендом с сохранением typescript типизации. Уже используется в продакшене и выиграно 2 хакатона с ним 💪
Поддержите звёздочкой, и любая обратная связь приветствуется ☺️
Пользуясь моментом, хочу прорекламировать свой фреймворк сетевого уровня Chord 🙃
https://github.com/chord-ts/rpc
Позволяет не писать кучу эндпоинтов и +server, бесшовно связывает бекенд с фронтендом с сохранением typescript типизации. Уже используется в продакшене и выиграно 2 хакатона с ним 💪
Поддержите звёздочкой, и любая обратная связь приветствуется ☺️
GitHub
GitHub - chord-ts/rpc: 💎 Cutting edge transport framework vanishing borders between frontend and backend
💎 Cutting edge transport framework vanishing borders between frontend and backend - chord-ts/rpc
❤12👍8
This media is not supported in your browser
VIEW IN TELEGRAM
#svelte #widget #mediaquery
Привет, пару дней назад решил залить на npm виджет который уже многие годы сильно облегчает мне рутину адаптивной вёрстки.
Это мини виджет который отображает текущий брейкпоинт ширины экрана (based on tailwind defaults), а так же позволяет быстро скопировать media-query selector.
Идею взял с какого-то англоязычного канала и всё это время интегрировал что-то подобное во все проекты на этапе вёрстки.
https://www.npmjs.com/package/svelte-screensize-widget
Привет, пару дней назад решил залить на npm виджет который уже многие годы сильно облегчает мне рутину адаптивной вёрстки.
Это мини виджет который отображает текущий брейкпоинт ширины экрана (based on tailwind defaults), а так же позволяет быстро скопировать media-query selector.
Идею взял с какого-то англоязычного канала и всё это время интегрировал что-то подобное во все проекты на этапе вёрстки.
https://www.npmjs.com/package/svelte-screensize-widget
👍17