vercel
v8.dev
Our great sponsors
vercel | v8.dev | |
---|---|---|
476 | 72 | |
12,121 | 912 | |
1.8% | 1.4% | |
9.8 | 7.4 | |
5 days ago | 10 days ago | |
TypeScript | JavaScript | |
Apache License 2.0 | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vercel
-
What I have in my portfolio 😎
I hosted my portfolio in Vercel. The main reason why I chose it is the hosting has great support for NextJS and IMPORTANT THING, it is total FREE 🤑 (with my usage). And I have use GitHub Action for deploy it automatically when I make or merge change into main branch.
-
React to Vercel: Deployment Made Easy.
To do this just head over to Vercel and log in if you're not already logged in. If this is your first project, you'll be seeing something like this.
-
Next.js: Crafting a Strict CSP
function getContentSecurityPolicyHeaderValue( nonce: string, reportUri: string, ): string { // Default CSP for Next.js const contentSecurityPolicyDirective = { 'base-uri': [`'self'`], 'default-src': [`'none'`], 'frame-ancestors': [`'none'`], 'font-src': [`'self'`], 'form-action': [`'self'`], 'frame-src': [`'self'`], 'connect-src': [`'self'`], 'img-src': [`'self'`], 'manifest-src': [`'self'`], 'object-src': [`'none'`], 'report-uri': [reportUri], // for old browsers like Firefox 'report-to': ['csp'], // for modern browsers like Chrome 'script-src': [ `'nonce-${nonce}'`, `'strict-dynamic'`, // force hashes and nonces over domain host lists ], 'style-src': [`'self'`], } if (process.env.NODE_ENV === 'development') { // Webpack use eval() in development mode for automatic JS reloading contentSecurityPolicyDirective['script-src'].push(`'unsafe-eval'`) } if (process.env.NEXT_PUBLIC_VERCEL_ENV === 'preview') { contentSecurityPolicyDirective['connect-src'].push('https://vercel.live') contentSecurityPolicyDirective['connect-src'].push('wss://*.pusher.com') contentSecurityPolicyDirective['img-src'].push('https://vercel.com') contentSecurityPolicyDirective['font-src'].push('https://vercel.live') contentSecurityPolicyDirective['frame-src'].push('https://vercel.live') contentSecurityPolicyDirective['style-src'].push('https://vercel.live') } return Object.entries(contentSecurityPolicyDirective) .map(([key, value]) => `${key} ${value.join(' ')}`) .join('; ') }
-
VERCEL and the Internet Computer
This is a demo project to demonstrate how a Web2 frontend hosted on VERCEL can access a Motoko backend canister on the Internet Computer using Server Side Rendering (SSR).
-
Next.js starter template
Easily deploy your Next.js app with Vercel by clicking the button below:
-
Start your own (side) business with open-source in mind
Vercel is an open-source platform for hosting and deploying web applications and websites.
-
100+ FREE Resources Every Web Developer Must Try
Vercel: Deploy websites and applications with automatic deployments.
-
Creating an NFT minting Farcaster frame on Solana
Then, head over to Vercel and import the repository. Once you have imported the repository, head over to the environment variables and add the following environment variables:
-
From Messy to Memorable: Shorten Your Links, Boost Your Brand
Vercel – deployments
-
The 2024 Web Hosting Report
Platform as a Service (PaaS) is a term that captures tools built for developers to use where they don’t need devops engineers to deploy to the cloud. Heroku was the “category-defining” product here, and modern successors include Vercel, Render, Railway, Replit, platform.sh, Aptible, Northflank, and more. We have to say that there are some amazing products in this category. Developer Experience is at a premium!
v8.dev
-
Show HN: Invertornot.com – API to enhance your images in dark-mode
Semi-related - I saw this trick on https://v8.dev a while back, but `filter: hue-rotate(180deg) invert();` can be a neat CSS trick to 'dark mode' some kinds of graphics. The `hue-rotate` help a bit to keep 'blues blue' etc.
It's far from perfect, but it's a neat trick to be aware of.
-
Top 8 Recent V8 Updates
V8 is a high-performance JavaScript engine developed by Google. Its purpose is to convert JavaScript code into machine code for execution by the underlying hardware. Primarily developed by the V8 team at Google, the engine focuses on speed and efficiency. In particular, it relies on just-in-time compilation and uses inline caching for high performance.
-
A list of JavaScript engines, runtimes, interpreters
V8
-
C++ Specification vs Implementation
Exactly the same as JavaScript engines. Be it Mozilla's SpiderMoneky, Google's V8, Apple's Webkit, or Microsoft's Chakra. No matter how specific we draft a specification there is always room for interpretation. Every team has a different take on what part of a spec is describing. Oftentimes it's just a matter of varying pros and cons of different approaches on the road to matching spec; various teams just kind of have to pick a direction and run with it. Other times a spec is not only too vague, but clearly short-sighted to boot.
-
Abstract Syntax Trees and Practical Applications in JavaScript
Remember that we earlier established that every source gets parsed into an AST at some point before it gets compiled or interpreted. For example, platforms like Nodejs and chromium-based browsers use Gooogle's V8 engine behind the scenes to run JavaScript and of course, some AST parsing is always involved before the interpreter kicks in. I looked V8's source and I discovered it uses its own internal parser to achieve this.
-
Bun vs Node.js: Everything you need to know
While Node.js uses Google's V8 engine that power's Chrome browser, Bun uses JavaScriptCore (JSC), which is an open source JavaScript engine developed by Apple for Safari.
-
The Ascent of Node.js: How a runtime changed the Web
While the idea of server-side JavaScript was not novel, what powered Node.js was! The V8 engine, birthed by Google for Chrome, was now driving Node.js, bringing unparalleled speed and performance to JavaScript execution.
- A Magia do Event Loop
-
Embracing Modern JavaScript Features in ES13 ES2022
V8 JavaScript Engine
-
Introduction to memory management in Node.js applications
Node runs on the V8 JavaScript engine, which handles memory allocation. The entirety of memory used for a running Node application is held in what is known as a Resident Set. This includes:
What are some alternatives?
flyctl - Command line tools for fly.io services
babel-sublime - Syntax definitions for ES6 JavaScript with React JSX extensions.
node-canvas - Node canvas is a Cairo backed Canvas implementation for NodeJS.
hermes - A JavaScript engine optimized for running React Native.
fake-store-api - FakeStoreAPI is a free online REST API that provides you fake e-commerce JSON data
bun - Incredibly fast JavaScript runtime, bundler, test runner, and package manager – all in one
vite - Next generation frontend tooling. It's fast!
libuv - Cross-platform asynchronous I/O
create-react-app - Set up a modern web app by running one command.
0.30000000000000004 - Floating Point Math Examples
inertia - Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.
c8 - output coverage reports using Node.js' built in coverage