The New Stack·4yFrom PHP to Next.js: What Trivago Learned Rewriting Its Web App
Hotel search service Trivago rewrote its frontend in Typescript on the Next.js framework, replacing a PHP codebase on a homegrown JavaScript framework, Melody. From April 2020 until late 2021 the platform team created, tested and deployed the new application which reduced page size by up to 37%.
DEV·4yReact Three Fiber and NextJS Starter Template
WebGL, ThreeJS, and React Three Fiber come into play. ThreeJS is a JavaScript library that uses WebGL to create a low-level 2D and 3D graphics API. react-three-fiber is a React library that integrates ThreeJS more efficiently into the React ecosystem.
Product Hunt·4yGraphQL Yoga - The fully-featured GraphQL Server
Leverage the GraphQL ecosystem by being compatible with the existing schema-design (Code/Schema first) Leverage the HTTP server libraries (Express, Fastify, Next.js, SvelteKit, etc..), and deployment environments (Cloudflare Workers, Deno, AWS Lambda and others..)
WunderGraph·4yNextJS / React SSR: 21 Universal Data Fetching Patterns & Best Practices
NextJS / React SSR: 21 Universal Data Fetching Patterns & Best Practices. A frontend developer should be able to define what data is needed for a given page, without having to worry about how the data actually gets into the frontend. Jens Neuse, CEO & Founder of WunderGraph.
asayer·4yBuilding a Code Snippet Highlighter in Next.js
Syntax highlighting is a feature that gives unique design characteristics to source codes. It affects changes in the graphical property of the code based on the syntax of the programming language. It makes it easier for developers to recognize different aspects of that code, such as variable names, functions, and reserved words.
Hashnode·4yHow To Next.js
Next.js is an opinionated open-source web development framework built on top of Node.js. It enables server-side rendering and the generation of static websites in React-based web applications. In this tutorial, we’ll learn the basics of Next.js and at the end of the tutorial we will create a Simpe Image Gallery.