Optimize Images in a Next.js App Using Next/Image and Custom Loaders

This page summarizes the projects mentioned and recommended in the original post on dev.to
JavaScript React Node MVC Frameworks and Libraries Web Frameworks

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • custom-loader-app

    Image optimization app using Next.js and Cloudinary.

    • You can also find the source code on GitHub.

  • React

    The library for web and native user interfaces.

    • Adequate knowledge of JavaScript and React.js

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • node

    Node.js JavaScript runtime ✨🐢🚀✨

    • The latest version of Node.js installed

  • Next.js

    The React Framework

    • This article will utilize the Next/Image module shipped by Next.js to optimize rendered images. We’ll also add a ‘custom loader’ to improve the image optimization to add robust media transformations using Cloudinary.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Meet Cheryl Murphy: Full-Stack Developer, lifelong learner, and volunteer Project Team Lead at Web Dev Path

    2 projects | dev.to | 22 Apr 2024

  • Building a Dynamic Job Board with Issues Github, Next.js, Tailwind CSS and MobX-State-Tree

    6 projects | dev.to | 28 Mar 2024

  • What is the ideal Tech stack to build a website in 2024? 👨‍💻

    2 projects | dev.to | 23 Jan 2024

  • 😳 Next.js vs React - A Beginner's Guide

    2 projects | dev.to | 30 Oct 2023

  • Wow! Server Actions are now Stable from Next.js 14! Dramatic changes in React and Next's form

    3 projects | dev.to | 27 Oct 2023