https://github.com/equk/unsplash-nextjs

📷 ⚛️ unsplash search using next.js
https://github.com/equk/unsplash-nextjs

api json json-api nextjs react reactjs search unsplash unsplash-api

Last synced: 3 days ago
JSON representation

📷 ⚛️ unsplash search using next.js

• Host: GitHub
• URL: https://github.com/equk/unsplash-nextjs
• Owner: equk
• License: mit
• Created: 2021-03-31T17:20:53.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-03-09T11:10:13.000Z (almost 2 years ago)
• Last Synced: 2024-11-24T03:11:54.343Z (2 months ago)
• Topics: api, json, json-api, nextjs, react, reactjs, search, unsplash, unsplash-api
• Language: JavaScript
• Homepage:
• Size: 480 KB
• Stars: 7
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# unsplash-nextjs

:camera: unsplash search using next.js

![](nextjs-logo.svg)

- [x] Stateful Components

- [x] Loading Feedback

- [x] Async API Requests

- [x] API Key Seperated Using `.env.local`

- [x] Conditional Rendering

- [x] Virtual DOM

- [x] Cascading Grid

requirements: [unsplash developer api key](https://unsplash.com/developers)

add unsplash developer key to `.env.local` file in base of project

    NEXT_PUBLIC_API_CLIENTID="insert-api-key-here"

created as a working example of next.js & is based on [unsplash-js-search

](https://github.com/equk/unsplash-js-search) (unsplash search using vanillajs)

## unsplash references

- https://unsplash.com/documentation

- https://unsplash.com/api-terms

## screenshot

![](screenshot.jpg)

# Contact

Website: https://equk.co.uk

Twitter: [@equilibriumuk](https://twitter.com/equilibriumuk)

### notes

> Unsplash API Terms (Attribution)

>

> Each time you or your Developer App displays a Photo, your Developer App must attribute Unsplash, the Unsplash photographer, and contain a link back to the photographer’s Unsplash profile.