Полноценный гайд по инкрементальной статической генерации в Next.js
#jsarticle #javascript #nextjs #frontend #webdev #react
#jsarticle #javascript #nextjs #frontend #webdev #react
Smashing Magazine
A Complete Guide To Incremental Static Regeneration (ISR) With Next.js — Smashing Magazine
Incremental Static Regeneration (ISR) is a new evolution of the Jamstack, allowing you to update static content instantly without needing a full rebuild of your site. The hybrid approach of Next.js allows you to use ISR for e-commerce, marketing pages, blog…
next-api-decorators - коллекция TypeScript декораторов для API в Next.js
Позволяет создавать API эндпоинты в Next.js при помощи декораторов.
- Валидация запросов
- Декораторы для HTTP запросов, установки статус-кода, получения URL параметров, заголовков и содержимого запроса
- Трансформация разных типов для URL параметров и содержимого запроса (например парсинг строк в булевое значение)
- Исключения, можно создавать свои на основе
#jslib #javascript #nodejs #backend #nextjs #webdev
Позволяет создавать API эндпоинты в Next.js при помощи декораторов.
- Валидация запросов
- Декораторы для HTTP запросов, установки статус-кода, получения URL параметров, заголовков и содержимого запроса
- Трансформация разных типов для URL параметров и содержимого запроса (например парсинг строк в булевое значение)
- Исключения, можно создавать свои на основе
HttpEexception класса#jslib #javascript #nodejs #backend #nextjs #webdev
GitHub
GitHub - storyofams/next-api-decorators: Collection of decorators to create typed Next.js API routes, with easy request validation…
Collection of decorators to create typed Next.js API routes, with easy request validation and transformation. - GitHub - storyofams/next-api-decorators: Collection of decorators to create typed Nex...
Вышел pnpm 6.2.1
- Новый флаг
- Новые диапазоны версий для пакетов внутри workspaces:
- Новая настройка
#jsrelease #jstools #pnpm
- Новый флаг
--filter-prod. Работает так же, как и filter, но исключает dev зависимости- Новые диапазоны версий для пакетов внутри workspaces:
workspace:~1.0.0 и workspace:^1.0.0- Новая настройка
fetch-timeout для таймаута выполнения HTTP запросов. Стандартное значение: 1 минута#jsrelease #jstools #pnpm
GitHub
Release v6.2.1 · pnpm/pnpm
Features
New CLI option: --filter-prod. --filter-prod acts the same as --filter, but it omits devDependencies when selecting dependency projects from the workspace #3372.
New types of workspace ra...
New CLI option: --filter-prod. --filter-prod acts the same as --filter, but it omits devDependencies when selecting dependency projects from the workspace #3372.
New types of workspace ra...
use-nft - React хук для получения информации о любом NFT
#jslib #react #web3 #webdev #frontend #javascript #nft #ethereum #blockchain
#jslib #react #web3 #webdev #frontend #javascript #nft #ethereum #blockchain
GitHub
GitHub - bpierre/use-nft: 🍮 React hook to fetch metadata from any NFT.
🍮 React hook to fetch metadata from any NFT. Contribute to bpierre/use-nft development by creating an account on GitHub.
Вышел tinyhttp 1.3
- Поддержка
-
- Поддержка массивов для эндпоинтов (например
- Заголовки для кэширования в
#jsrelease #tinyhttp #nodejs #backend #webdev #javascript
- Поддержка
Range заголовка для res.sendFile-
Content-Encoding и Last-Modified заголовки для res.sendFile- Поддержка массивов для эндпоинтов (например
app.use('/', [w1, w2]))- Заголовки для кэширования в
res.sendFile#jsrelease #tinyhttp #nodejs #backend #webdev #javascript
GitHub
Release 1.3: Adjustments and fixes · tinyhttp/tinyhttp
Core
added missing acceptsLanguages method in Request interface
Wares
@tinyhttp/favicon - Convert to sync for better compat
Docs
typo fixes
added section about transpilation to older Node.js v...
added missing acceptsLanguages method in Request interface
Wares
@tinyhttp/favicon - Convert to sync for better compat
Docs
typo fixes
added section about transpilation to older Node.js v...
Inspx — React компонент для инспектирования макета
Позволяет отлаживать внутренние и внешние отступы, размеры, высоту и ширину
#jslib #jstools #javascript #react #frontend #webdev
Позволяет отлаживать внутренние и внешние отступы, размеры, высоту и ширину
#jslib #jstools #javascript #react #frontend #webdev
GitHub
GitHub - raunofreiberg/inspx: Pixel perfect layout inspection.
Pixel perfect layout inspection. Contribute to raunofreiberg/inspx development by creating an account on GitHub.
deno_dom — браузерный DOM для Deno
Реализован с помощью Rust, WASM и Deno/TypeScript
#jslib #deno #backend #webdev #typescript #rust #wasm
Реализован с помощью Rust, WASM и Deno/TypeScript
#jslib #deno #backend #webdev #typescript #rust #wasm
GitHub
GitHub - b-fuze/deno-dom: Browser DOM & HTML parser in Deno
Browser DOM & HTML parser in Deno. Contribute to b-fuze/deno-dom development by creating an account on GitHub.
Nessie — Deno библиотека для PostgreSQL, MySQL, MariaDB и SQLite миграций
#jslib #deno #backend #webdev #mysql #sqlite #mariadb #postgres
#jslib #deno #backend #webdev #mysql #sqlite #mariadb #postgres
GitHub
GitHub - halvardssm/deno-nessie: A modular Deno library for PostgreSQL, MySQL, MariaDB and SQLite migrations
A modular Deno library for PostgreSQL, MySQL, MariaDB and SQLite migrations - halvardssm/deno-nessie
Портативные веб приложения с Next.js и Go
В недавних версиях Go было добавлено встраивание файлов внутрь бинарника
Автор статьи нашёл интересное применение этому функционалу — внедрение Next.js приложений в статический бинарник
Такой подход позволяет увеличить производительность и добавляет возможность использовать возможности языка Go
#jsarticle #nextjs #backend #webdev #javascript #nodejs #golang
В недавних версиях Go было добавлено встраивание файлов внутрь бинарника
Автор статьи нашёл интересное применение этому функционалу — внедрение Next.js приложений в статический бинарник
Такой подход позволяет увеличить производительность и добавляет возможность использовать возможности языка Go
#jsarticle #nextjs #backend #webdev #javascript #nodejs #golang
Вышел Next.js 10.2
- prod сборка на 60% быстрее с помощью кэширования
- fast refresh ускорился на 0.1-0.2s
- запуск
- улучшена доступность
- расширен функционал redirects / rewrites
- автоматическая оптимизация шрифтов
#jsrelease #nextjs #fullstack #frontend #webdev #react #javascript
- prod сборка на 60% быстрее с помощью кэширования
- fast refresh ускорился на 0.1-0.2s
- запуск
next dev на 24% быстрее- улучшена доступность
- расширен функционал redirects / rewrites
- автоматическая оптимизация шрифтов
#jsrelease #nextjs #fullstack #frontend #webdev #react #javascript
nextjs.org
Next.js 10.2
Next.js 10.2 introduces performance improvements (faster builds, refresh, and startup), improved accessibility, Automatic Webfont Optimization, and more!
Ley - инструмент для миграций баз данных, не привязанный к драйверу
- Поддерживает
- Если нужен драйвер, который не поддерживается, его можно добавить через класс
- Не имеет зависимостей
- Любую миграцию можно откатить
- Не изобретает велосипед и использует интерфейс выбранного драйвера
- Можно расширять функционал Ley CLI для написания своих скриптов миграции
#jslib #nodejs #backend #webdev #migrations #pg #javascript #sqlite #mysql #sql
- Поддерживает
postgres, pg, better-sqlite3, sqlite, mysql, mysql2 из коробки- Если нужен драйвер, который не поддерживается, его можно добавить через класс
Driver- Не имеет зависимостей
- Любую миграцию можно откатить
- Не изобретает велосипед и использует интерфейс выбранного драйвера
- Можно расширять функционал Ley CLI для написания своих скриптов миграции
#jslib #nodejs #backend #webdev #migrations #pg #javascript #sqlite #mysql #sql
GitHub
GitHub - lukeed/ley: (WIP) Driver-agnostic database migrations
(WIP) Driver-agnostic database migrations. Contribute to lukeed/ley development by creating an account on GitHub.
Вышел V8 9.1
В новой версии JS движка, используемого в Chrome, Node.js и Deno:
- top-level await теперь включён по умолчанию (флаг больше не требуется)
-
#jsrelease #v8 #javascript
В новой версии JS движка, используемого в Chrome, Node.js и Deno:
- top-level await теперь включён по умолчанию (флаг больше не требуется)
-
in оператор поддерживает приватные поля (#foo in obj)#jsrelease #v8 #javascript
wasm-run - CLI для запуска WebAssembly файлов
- Работает с WASM и WASI
- Можно выставлять таймаут выполнения (через флаг
- Возможность вызывать отдельные функции через флаг
- Аргументы функции передаются как CLI аргументы
#jstools #webassembly #nodejs #javascript
- Работает с WASM и WASI
- Можно выставлять таймаут выполнения (через флаг
--timeout)- Возможность вызывать отдельные функции через флаг
--invoke <func>- Аргументы функции передаются как CLI аргументы
#jstools #webassembly #nodejs #javascript
GitHub
GitHub - wasm3/node-wasm-run: Run arbitrary WASM/WASI files
Run arbitrary WASM/WASI files. Contribute to wasm3/node-wasm-run development by creating an account on GitHub.