Best of Vercel2023

  1. 1
    Article
    Avatar of robinwieruchRobin Wieruch·3y

    10 Web Development Trends in 2023

    The most popular meta framework called Next.js comes on top of React.js. SSR is all over the place when working with JavaScript frameworks these days. Other meta frameworks like SvelteKit are catching up. SSR has been competing with static site generation (SSG) for a while for the perfect performance.

  2. 2
    Article
    Avatar of communityCommunity Picks·3y

    Astro 3.0

    Astro 3.0 is the first major web framework to support the View Transitions API. Fade, slide, morph, and even persist stateful elements across page navigation with ease. New features include Image Optimization (stable) and faster Rendering Performance.

  3. 3
    Article
    Avatar of communityCommunity Picks·3y

    v0.dev by Vercel Labs

    v0.dev by Vercel Labs A Tweet UI 14 hours ago A cookie consent banner 19 hours ago a sleek pricing page for a SaaS. 18 hours ago. A table of financial invoices 1 hour ago A simple music player 15 hours ago.

  4. 4
    Article
    Avatar of communityCommunity Picks·3y

    Monorepo Explained

    There are many great monorepo tools, built by great teams, with different philosophies. We chose these tools because of their usage or recognition in the Web development community. The tools we'll focus on are: Bazel (by Google), Gradle Build Tool (by Gradle, Inc), Lage (by Microsoft), Lerna.

  5. 5
    Article
    Avatar of livecycleLivecycle·3y

    How to host your side-projects for free in 2023: from Auth to Database

    Hosting side projects without a monthly cost is a great way to bring your ideas to life without breaking the bank. In this article, we’ll explore different categories of services that can help you host your side projects for free in 2023.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Build a Portfolio Site with Sanity and Next.js

    Sanity is a headless CMS framework for managing content. Sanity is Sanity's open source single-page app for managing your data and operations. You'll learn how to use Sanity as a data source to build a portfolio site with Next.js. In this tutorial you'll be mounting it together with your Next.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    Build and Deploy an Ecommerce Site with Next.js, Tailwind CSS, Prisma, Vercel, and daisyUI

    Learn how to build and deploy a full-stack e-commerce website using Next.js, Tailwind CSS, Prisma, Vercel, and DaisyUI. The course covers various topics, such as Next.js server actions, Prisma for database operations, authentication with Next-Auth and Google login, building an amazing UI with TailwindCSS and DaisyUI, and deploying the project to Vercel.

  8. 8
    Article
    Avatar of sdtimesSD Times·3y

    Next.js 14 is now officially available, with addition of Server Actions and Partial Prerendering features

    Next.js 14 introduces significant performance improvements, including faster local server startup and code updates. It also includes Server Actions for data mutations and Partial Prerendering for handling dynamic content. Vercel has also launched a new course on Next.js Learn.

  9. 9
    Article
    Avatar of vercelVercel·3y

    Introducing Next.js Commerce 2.0 – Vercel

    Next.js Commerce is a single provider per repository, resulting in less code and fewer abstractions for your application. The 50th percentile of all ecommerce sites had 101 requests on the homepage on mobile. Ecommerce sites are more complex than they seem on the surface. They make lots of page requests.

  10. 10
    Article
    Avatar of communityCommunity Picks·3y

    Introducing storage on Vercel – Vercel

    Vercel has introduced storage solutions including Vercel KV, Vercel Postgres, and Vercel Blob, making it easier to manage frontend storage needs without worrying about infrastructure.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·3y

    How to Build a Blog with the Ghost API and Next.js

    Ghost CMS is a popular content management system that many devs and companies use to host their blogs. Ghost CMS doesn't generate static builds, but Next.js does. For React developers, it is easy to build a new blog with Next (since Next is React-based), and you do not need to learn additional tools.

  12. 12
    Article
    Avatar of daily_updatesdaily.dev Changelog·3y

    All-new dynamic open graph images

    Sharing posts from daily.dev just got a lot sleeker with new Open Graph images. Check it out

  13. 13
    Article
    Avatar of vercelVercel·3y

    Less code, better UX: Fetching data faster with the Next.js 13 App Router – Vercel

    Fetch and render dynamic data directly inside React Server Components. Fetching data faster with the Next.js 13 App Router Engineering Friday, February 10th 2023.

  14. 14
    Article
    Avatar of communityCommunity Picks·2y

    Announcing v0: Generative UI – Vercel

    v0 is a product that simplifies website creation by combining the best practices of frontend development with the potential of generative AI. It offers a free plan and three paid plans with different credit limits. New features like support for custom design systems, theming, transforming images to code, and further security and access controls will be added in the future.

  15. 15
    Article
    Avatar of communityCommunity Picks·3y

    An Introduction to Streaming on the Web – Vercel

    An Introduction to Streaming on the Web. Chunking data, handling backpressure, server-side events, and more. In this blog post, we’ll look at what web streams are; how they work, the many advantages they bring to the table for your website, streaming on Vercel.

  16. 16
    Article
    Avatar of communityCommunity Picks·3y

    Introducing the Vercel AI SDK – Vercel

    The Vercel AI SDK is an open-source library designed to help developers build conversational, streaming, and chat user interfaces in JavaScript and TypeScript. The SDK supports React/Next.js, Svelte/SvelteKit, with support for Nuxt/Vue coming soon.

  17. 17
    Article
    Avatar of codemotionCodemotion·3y

    How To Optimize Next.js for Production

    Next.js is now considered the framework for building the modern Internet. Next.js comes with built-in optimization features to take the performance of your production application to the next level. In this guide, you will dig into the essential strategies and best practices to deploy Next.JS to production.

  18. 18
    Article
    Avatar of vercelVercel·3y

    Improve your search engine ranking with Next.js on Vercel – Vercel

    Learn how Next.js on Vercel can improve your search engine ranking by implementing SEO best practices, including rendering strategies, speed optimization, content strategies, dynamic metadata, smarter navigation, fixing dead ends, and ranking regionally.

  19. 19
    Article
    Avatar of vercelVercel·3y

    How Turborepo is porting from Go to Rust – Vercel

    How Turborepo is porting from Go to Rust - Vercel Engineering Friday, July 21st 2023. Our strategy for making updates and maintaining stability while we migrate languages is in full swing. The goal for the chunk of code being moved is to keep the behavior exactly the same as before it was ported.

  20. 20
    Article
    Avatar of vercelVercel·3y

    Introducing the Vercel Platforms Starter Kit – Vercel

    The Vercel Platforms Starter Kit is a full-stack Next.js template for building multi-tenant applications with custom domains. It's built with App Router, Vercel Postgres, and the Vercel Domains API. Vercel allows Super to serve 15,000 custom domains and 17 million monthly pageviews.

  21. 21
    Article
    Avatar of vercelVercel·3y

    Next.js 13.4 on Vercel – Vercel

    Next.js 13.4 is supported out-of-the-box on Vercel, with pre-configured, global, framework-defined infrastructure. The Next.js App router natively supports streaming responses. Streaming is possible for Node and Edge runtimes with no code changes.

  22. 22
    Article
    Avatar of communityCommunity Picks·3y

    Next.js Weekly #15: RSCs demistified, Middlewares, Zod + Server Actions, Kuma UI

    Next.js Weekly #15: RSCs demistified, Middlewares, Zod + Server Actions, Kuma UI, The Next.js, Next. js Newsletter Rendering rich responses from LLMs. Learn how to use Vercel’s AI SDK with Next.JS to build an AI app that understands markup languages.

  23. 23
    Article
    Avatar of vercelVercel·3y

    Vercel Monitoring – Vercel

    Introducing Vercel Monitoring - visualize, diagnose, and optimize your sites. Access realtime insights, quickly identify production issues, up-level performance, improve costs, mitigate errors with detailed metrics and custom queries.

  24. 24
    Article
    Avatar of pointerPointer·3y

    vercel-labs/ai: Build AI-powered applications with React, Svelte, and Vue

    The Vercel AI SDK is a library for building edge-ready AI-powered streaming text and chat UIs. Features SWR-powered React, Svelte and Vue helpers for streaming text responses and building chat. First-class support for LangChain and OpenAI, Anthropic, and HuggingFace Edge.

  25. 25
    Article
    Avatar of phProduct Hunt·3y

    Free full stack hosting by webapp.io - Product Information, Latest Updates, and Reviews 2024

    Free full stack hosting by webapp.io is a platform that allows users to create preview environments for their websites using VM configurations. Recent launches include updates to the hosting service. Users can find pro tips for using the platform.