tcoopman/image-webpack-loader

Usage with server side rendering

Open

#143 opened on Feb 1, 2018

View on GitHub
 (0 comments) (3 reactions) (0 assignees)JavaScript (2,037 stars) (147 forks)batch import
help wantedquestion

Description

It would be great to have an example of server side rendering (or expected integration with another library like webpack-isomorphic-tools).

At least a couple recent issues seem to be related to people using this tool and also server side rendering: https://github.com/tcoopman/image-webpack-loader/issues/130 https://github.com/tcoopman/image-webpack-loader/issues/134

Contributor guide

Tech stack
javascript
Domain
documentationfrontend
Issue type
documentation
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
basic webpack configunderstanding of server side rendering
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
The issue requests an example of server side rendering (SSR) integration for image webpack loader. Investigate existing examples in the repository and consider creating a new example directory demonstrating SSR usage with a framework like React or Next.js. Reference the linked issues (#130, #134) for common problems users face. Look at the webpack isomorphic tools library for potential integration patterns. The example should include a minimal webpack configuration for SSR, showcasing how to handle images with the loader on both client and server.