New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Show all images in folder 'sjs' on page /steun-je-school #71

Open

tomsiebring opened this issue Feb 21, 2023 · 1 comment

Assignees

Labels

Collaborator

tomsiebring commented Feb 21, 2023 •

edited

Loading

At the moment each image is hardcoded in the code of page /steun-je-school, such as sjs1.jpg, sjs2.jpg, etc.

Desired behaviour is that all images in folder 'public/sjs' are shown on alphabetical order (excluding folder 'old' within 'sjs')

NOTE: be aware of image extensions such as .jpg .jpeg .JPG .png .PNG ...

Collaborator

dastrong commented Mar 21, 2023

I'm not 100% sure, but try reading the public/sjs directory in getStaticProps to get the list of files within it.

Now pass the names of the files down as a prop to the page component where you can render an image with the file name.

margaretmwaura self-assigned this

CollActionOfficial added the enhancement label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment