freeCodeCamp·3yLearn Next.js for Scalable Web Apps
Next.js is built on top of React, which is a popular JavaScript library for building user interfaces. It also includes features such as automatic code splitting and optimized performance out of the box. You will also learn how to deploy the app using Vercel and to sync up GitHub with Vercel.
Hacker News·4yAstro 1.0
Astro v1.0 is a web framework for building fast, content-focused websites. Over the last 16 months, Astro has grown from an empty repo to over 13,000 stars on GitHub and 30,000 early users around the world. Astro has already been Addy Osmani, Software Engineer, Google Chrome Astro’s fast performance is even more noticeable to end users.
Vercel·4yBuild Your Own Web Framework – Vercel
ReactDOM Server exposes a method called renderToString, which takes a React component and returns the corresponding HTML output. To support static pages, we first have to implement a transpilation step that turns React-based pages into static HTML. To hydrate dynamic components, we can export a string literal that our bundler eventually uses to create a custom hydration script for individual pages.
Community Picks·4yMy favorite resources being a freelancer as a side hustle
A freelancer has shared his favorite resources to help you with creating new quality stuff, quicker. "Better’ will always be a losing game for your brand. You just need to be wiser while building, making more, and spending less. You can actually pick something that interest you!
Next.js·3yBlog - Next.js 13.1
Next.js 13.1 includes improvements to both the (stable) and (beta) directories. New routing and data fetching system can be incrementally adopted alongside your existing directory. New TypeScript plugin provides suggestions for page and layout configuration options, brings helpful usage hints around Server and Client Components.
Vercel·4yAt Next.js Conf 2022, learn to build better and scale faster – Vercel
At Next.js Conf 2022, learn to build better and scale faster. This year's presentations will be our best yet, starting with the keynote by Guillermo Rauch. Join us virtually, along with some of the brightest minds in the React ecosystem, for the conference.
Community Picks·4yHow to Build a Fullstack App with Next.js, Prisma, and PostgreSQL
Next.js is a next-generation ORM that can be used to access a database in Node.js and TypeScript applications. In this guide, you'll learn how to implement a fullstack sample blogging application using the following technologies. You'll use a single PrismaClient instance that you can import into any file where it's needed. You can create a new User record by calling prisma.create() or retrieve all the Post records from the database.
Pointer·4ywithastro/astro: Build faster websites with Astro's next-gen island architecture
Astro is a website build tool for the modern web — powerful developer experience meets lightweight output. Astro is generously supported by Netlify, Vercel, and several other amazing organizations. We'll help you get your first contribution in no time!
freeCodeCamp·3yHow to Deploy Your React App Using Cloudflare Pages, Vercel, and Netlify
How to Deploy a React App with Cloudflare Pages, Vercel, and Netlify are the best ways to deploy your React application. You can deploy unlimited sites with unlimited bandwidth for free for free. Vercel is optimized for projects that are built with Next.js, including Create React App and Gatsby.
Vercel·4yHow we made the Vercel Dashboard twice as fast – Vercel
Engineering Team took the Lighthouse score for our Dashboard from 51 to 94. Let’s review the techniques and strategies we used so you can make a data-driven impact on your application. Let's build a hook for detecting if an element is in the viewport. The 200vh element will push the <HeavyChildComponent /> below our viewport on page load.
LogRocket·4yBuild a full stack app with Next.js and Supabase
Next.js is an open source Firebase alternative with a lot of powerful tools, including seamless authentication. Next.js and Supabase are one of the easiest and most popular ways to build production-ready React applications. Use React's useEffect to optimize your application's performance Switch between multiple versions of Node.
Community Picks·4yHow to Build a Multi-Tenant App with Custom Domains Using Next.js
Use the Platforms Starter Kit to kickstart our Next.js project. In this guide, you'll learn how to build a full-stack multi-tenant application with Custom Domains. You'll need to replace all instances of vercel.pub with your own domain to configure rewrites correctly.
Pointer·4ysteven-tey/dub: An open-source link shortener with built-in analytics + free custom domains.
Dub is an open-source link shortener SaaS with built-in analytics + free custom domains. Built with Vercel Edge Functions and Upstash Redis. Dub provides a powerful analytics dashboard for your links, including geolocation, device, and browser information.
Svelte Blog·4yWhat's new in Svelte: August 2022
July was the third largest month for SvelteKit changes since its inception. Vite 3 and 'vite.js' are now supported. The @layer CSS at-rule is now supported in Sveltte components (3.49.0, PR) The inert HTML attribute is nowsupported in Mail Must Move is an email made for those who want to get more done.
DEV·4yThe Complete List of Heroku Alternatives to Consider
Heroku will be shutting down its free tier in the coming months. Starting October 26, 2022, we will begin deleting inactive accounts and associated storage for accounts that have been inactive for over a year. Some people are looking for free alternatives to replace their current Heroku arrangement. Some are smaller companies that are just getting started.
Fauna·4yComparing databases for Vercel and Netlify
Fauna's database delivered as an API can help you accelerate development and give you the confidence to scale. Join us August 23 at 9:00 a.m. PT for a technical deep dive into how you can ship dynamic frontend applications using Fauna integrated with frontend platforms like Netlify and Vercel.
Vercel·3yBuilding a powerful notification system for Vercel with Knock – Vercel
Building a powerful notification system for Vercel with Knock with Knock Friday, December 16th 2022 Engineering Friday. We're excited to release our new notification system as a public beta. In this blog post, we'll dive into how we leveraged Knock to create a notification system that enables you to configure your notifications to increase the signal.
AWS Tip·3yDeploy an API tool in 10 minutes
The core idea of Serverless is to make the server as a computing resource no longer need the attention of users. FaaS (Functions as a Service) functions as a service. Later, we will use the serverless API to implement a service that uses Node to help clients send API requests and get responses.
