🔥2023#44: Next-Video, Add high-performance video to your Next.js app
🔥2023#44: Next-Video, Add high-performance video to your Next.js app
📅 October 29-November 4, 2023
Welcome to JSTools Weekly, your source for the hotest JavaScript tools and libraries. This week, we're excited to share a number of new and exciting tools, including Next-video, Bentocache, Chat-llamaindex, OpenSign, WXT, WinterJS, LayerChart, Next-safe-action, LLMonitor, Decode-formdata, and VChart.
Stay up-to-date on the hotest JavaScript tools and libraries by subscribing to our newsletter. We send out new issues every week, so you'll never miss a thing!
I hope you enjoyed this week's newsletter! 💪
Happy coding! 🔥
next-video: The easiest way to add video to your Nextjs app.
Next video is a React component that simplifies adding videos to your Next.js application. It automatically optimizes video files for better performance, offers customizable player controls, and provides zero-config placeholder images and timeline hover thumbnails. It also supports videos that aren't natively supported by all browsers and offers optional analytics to track video performance. An AI-powered feature for generating whisper captions is also coming soon.
bentocache: a robust multi-tier caching solution for Node.js applications
Bentocache is a powerful caching solution for Node.js applications that offers a variety of features, including multi-tier caching, synchronization of local cache via Bus, support for many different drivers, grace periods and timeouts, early refresh, namespaces, cache stamped protection, named caches, comprehensive documentation, events for monitoring and metrics, and easy extensibility.
import { BentoCache, bentostore } from 'bentocache'
import { memoryDriver } from 'bentocache/drivers/memory'
import { redisDriver, redisBusDriver } from 'bentocache/drivers/redis'
const bento = new BentoCache({
default: 'cache',
stores: {
cache: bentostore()
.useL1Layer(memoryDriver({ maxSize: 10_000 }))
.useL2Layer(redisDriver({ /* ... */ }))
.useBus(redisBusDriver({ /* ... */ }))
},
})
await bento.set('user:42', { name: 'jul' })
console.log(await bento.get('user:42'))
chat-llamaindex: Create chat bots that know your data
LlamaIndex Chat is a chatbot application that allows users to create and share chatbots that know their own data. Users can create bots using prompt engineering, modify existing bots, and integrate their own data.
OpenSign: The free & Open Source Alternative to DocuSign
OpenSign is a free and secure open-source document e-signing solution that offers a user-friendly interface, multi-platform support, and secure document storage. It also provides audit trails, completion certificates, and API support.
wxt: âš¡ Next-gen Web Extension Framework
WXT is a next-gen Web Extension Framework that makes development easier and faster. It supports all browsers and both MV2 and MV3. It has a great dev mode with HMR and fast reload, and it supports TypeScript, auto-imports, and remote URL imports. It's also frontend framework agnostic, so you can use it with Vue, React, Svelte, or whatever you prefer. You can even quickly bootstrap a new project and analyze your bundles.
winterjs: A blazing-fast JavaScript server that runs Service Workers scripts according to the Winter Community Group specification.
WinterJS is powered by SpiderMonkey, Spiderfire and hyper to bring a new level of awesomeness to your Javascript apps.
WinterJS is using the WASIX standard to compile to WebAssembly. Please note that compiling to WASIX is currently a complex process. We recommend using precompiled versions from wasmer/winterjs, but please open an issue if you need to compile to WASIX locally.
layerchart: Composable Svelte chart components
LayerChart is a collection of Svelte chart components and utilities that you can use to build a wide range of visualizations. It includes Cartesian, Radial, Hierarchy, Graph, and Geo chart types, as well as interactions, SVG components, and legends.
next-safe-action: Type safe and validated Server Actions in your Next.js (App Router) project.
next-safe-action is a library that takes full advantage of the latest and greatest Next.js, React and TypeScript features, using Zod, to let you define typesafe Server Actions and execute them inside Client Components.
llmonitor: Observability & analytics for AI apps and agents.
LLMonitor is a tool that helps AI developers monitor their apps in production. It has a lot of cool features, like tracking users, debugging errors, and collecting feedback. It's also designed to be easy to use and integrate with any model.
decode-formdata: Decodes complex FormData into a JavaScript object
The "decode-formdata" library helps you recover information that gets lost when form data is sent to a server. It's especially useful for frameworks like Next.js and Nuxt, and it works well with schema libraries like Valibot or Zod.
VChart: more than just a cross-platform charting library, but also an expressive data storyteller.
VChart is a charting component library that can be used for a variety of tasks, including desktop applications, H5 web pages, and small programs. It has a number of features that make it a powerful tool for creating visualizations, including annotations, animations, flow control, and narrative templates.
More projects to explore:
generative-ai-for-beginners: 12 Lessons, Get Started Building with Generative AI by Microsoft
HaramBlur: A Browser extension that enables you to navigate the web with respect for your Islamic values,
next-forge: A production-grade boilerplate for modern Next.js apps.
garn: garn is a build tool and development environment manager
medium-parser-extension: Unlock medium.com using google web cache
serverless-aws-secrets: Serverless plugin that reads environment variables and replaces secrets using AWS Secrets Manager
protocol-oracle: A simulation tool for democratic governance protocols built on OpenAI API
vite-plugin-turbo-console: 🚀 Enhance the ability of `console.log()`
ofa.js: No-build MVVM front-end framework
SocialEcho: Social networking platform with automated content moderation and context-based authentication system
public-apis: A collaborative list of public APIs for developers
eslint-stylistic: Monorepo for ESLint Stylistic plugins and configs
linefont: Font for rendering line chart data
console: End-to-End encrypted application secrets and configuration management for developers.
express-typescript-skeleton: Template to start developing a REST API
pinokio: AI Browser
sherif: Opinionated, zero-config linter for JavaScript monorepos
sqlsync: SQLSync is a collaborative offline-first wrapper around SQLite