Prisma

Quickstart   •   Website   •   Docs   •   Examples   •   Blog   •   Discord   •   Twitter

---

Prisma is a next-generation ORM that consists of these tools:

• Prisma Client: Auto-generated and type-safe query builder for Node.js & TypeScript
• Prisma Migrate: Declarative data modeling & migration system
• Prisma Studio: GUI to view and edit data in your database

Prisma Client can be used in any Node.js or TypeScript backend application (including serverless applications and microservices). This can be a REST API, a GraphQL API, a gRPC API, or anything else that needs a database.

The Prisma ORM can also further be extended with these Prisma products:

• Prisma Accelerate: Global database cache with scalable connection pooling
• Prisma Pulse: Real-time database events with type-safe subscriptions
• Prisma Optimize: AI-powered query optimization and performance insights
• Prisma Studio: A visual editor for the data in your database

Getting Started   •   API and SDK Reference

Contributing   •   Examples

This is the JavaScript version of OpenTelemetry, a framework for collecting traces, metrics, and logs from applications.

Much of OpenTelemetry JS documentation is written assuming the compiled application is run as CommonJS. For more details on ECMAScript Modules vs CommonJS, refer to esm-support.

The following describes how to set up tracing for a basic web application For more detailed documentation, see the website at https://opentelemetry.io/docs/instrumentation/js/.

Dependencies with the latest tag on NPM should be compatible with each other. See the version compatibility matrix below for more information.

npm install --save @opentelemetry/api
npm install --save @opentelemetry/sdk-node
npm install --save @opentelemetry/auto-instrumentations-node

Note: auto-instrumentations-node is a meta package from opentelemetry-js-contrib that provides a simple way to initialize multiple Node.js instrumentations.

// tracing.js
'use strict'

const process = require('process')

Build bulletproof UI components faster

Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. Find out more at https://storybook.js.org

View README for:

• 🚀 Getting Started
• 📒 Projects
  • 🛠 Supported Frameworks & Examples
  • 🔗Addons
• 🏅 Badges & Presentation materials
• 👥 Community
• 👏 Contributing
  • 👨‍💻 Development scripts
  • 💵 Backers
  • 💸 Sponsors
• 📝 License

Visit Storybook's website to learn more about Storybook and to get started.

Documentation can be found on Storybook's docs site.

View Component Encyclopedia to see how leading teams use Storybook.

Use storybook.new to quickly create an example project in Stackblitz.

Storybook comes with a lot of addons for component design, documentation, testing, interactivity, and so on. Storybook's API makes it possible to configure and extend in various ways. It has even been extended to…

Stimulus is a JavaScript framework with modest ambitions. It doesn't seek to take over your entire front-end—in fact, it's not concerned with rendering HTML at all. Instead, it's designed to augment your HTML with just enough behavior to make it shine. Stimulus pairs beautifully with Turbo to provide a complete solution for fast, compelling applications with a minimal amount of effort.

How does it work? Sprinkle your HTML with controller, target, and action attributes:

<div data-controller="hello">
  <input data-hello-target="name" type="text">

  <button data-action="click->hello#greet">Greet</button>

  <span data-hello-target="output"></span>
</div>

Then write a compatible controller. Stimulus brings it to life automatically:

// hello_controller.js
import { Controller } from "@hotwired/stimulus"
export default class extends

You know all of those code screenshots you see on Twitter? Though the code's usually impressive, we saw room for improvement in the aesthetic department. Carbon makes it easy to create and share beautiful images of your source code. So what are you waiting for? Go impress all of your followers with your newfound design prowess.

• Customization. Customize things like your image's syntax theme, font style, and more
• Share quickly. Save your image or a link with one click
• Save snippets. Create an account to save snippets for later. Shared snippets are automatically unfurled on Twitter and Slack.

There are a few different ways to import code into Carbon:

• Drop a file onto the editor
• Append a GitHub…

This tutorial was written with the intent of helping folks get up and running with containers and is designed to work with Docker Desktop. While not going too much into depth, it covers the following topics:

• Running your first container
• Building containers
• Learning what containers are
• Running and removing containers
• Using volumes to persist data
• Using bind mounts to support development
• Using container networking to support multi-container applications
• Using Docker Compose to simplify the definition and sharing of applications
• Using image layer caching to speed up builds and reduce push/pull size
• Using multi-stage builds to separate build-time and runtime dependencies

If you wish to run the tutorial, you can use the following command after installing Docker Desktop:

docker run -d -p 80:80 docker/getting-started

Once it has started, you can open your browser to http://localhost.

This project has a docker-compose.yml file, which will…

Over 3200 Free SVG icons for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be made on GitHub.

Icons can be downloaded as SVGs directly from our website - simply click the download button of the icon you want, and the download will start automatically.

Icons can be served from a CDN such as jsDelivr or unpkg. Simply use the simple-icons npm package and specify a version in the URL like the following:

<img height="32" width="32" src="https://cdn.jsdelivr.net/npm/simple-icons@v13/icons/[ICON SLUG].svg" />
<img height="32" width="32" src="https://unpkg.com/simple-icons@v13/icons/[ICON SLUG].svg" />

Where [ICON SLUG] is replaced by the slug of the icon you want…

MDN Web Docs is an open-source, collaborative project that documents web technologies including CSS, HTML, JavaScript, and Web APIs Alongside detailed reference documentation, we provide extensive learning resources for students and beginners getting started with web development.

MDN's mission is to provide a blueprint for a better internet and empower a new generation of developers and content creators to build it.

The strength of MDN Web Docs lies in its vast community of active readers and contributors. Since 2005, approximately 45,000 contributors have created the documentation we know and love. Together, contributors have created over 45,000 documents that make up an up-to-date, comprehensive, and free resource for web developers worldwide.

In addition to English-language articles, over 35 volunteers lead translation and localization efforts for Chinese, French, Japanese, Korean, Portuguese, Russian, and Spanish.

To set up the site locally, you need…

This is a little website I've put together to allow me to easily make flash cards and quiz myself for memorization of:

• General cs knowledge
  • vocabulary
  • definitions of processes
  • powers of 2
  • design patterns
• Code
  • data structures
  • algorithms
  • solving problems
  • bitwise operations

Will be able to use it on:

• desktop
• mobile (phone and tablet)

It uses:

• Python 3
• Flask
• SQLite

Here's a brief rundown: https://startupnextdoor.com/flash-cards-site-complete/

UI for listing cards. From here you can add and edit cards.

The front of a General flash card.

The reverse (answer side) of a Code flash card.

The set included in this project (cards-jwasham.db) is not my full set, and is way too big already.

Thanks for asking for my list of 1,792 cards. But it’s too much. I even printed them out. It’s 50 pages, front and back, in tiny text…

This is an example Next.js project that shows Next.js' upcoming SSG (static-site generation) support using Notion's private API for a backend.

Note: This example uses the experimental SSG hooks only available in the Next.js canary branch! The APIs used within this example will change over time. Since it is using a private API and experimental features, use at your own risk as these things could change at any moment.

Live Example hosted on Vercel: https://notion-blog.vercel.app/

To view the steps to setup Notion to work with this example view the post at https://notion-blog.vercel.app/blog/my-first-post or follow the steps below.

Deploy your own Notion blog with Vercel.

or

1. Clone this repo git clone https://github.com/ijjk/notion-blog.git
2. Configure project with vc
3. Add your NOTION_TOKEN and BLOG_INDEX_ID as environment variables in your project. See here for how to find these values
4. Do final deployment with vc

Note…