doorahmie / unsplash-nextjs

📷 ⚛️ unsplash search using next.js

unsplash-nextjs

📷 unsplash search using next.js

• Stateful Components
• Loading Feedback
• Async API Requests
• API Key Seperated Using .env.local
• Conditional Rendering
• Virtual DOM
• Cascading Grid

requirements: unsplash developer api key

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 (unsplash search using vanillajs)

unsplash references

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

screenshot

Contact

Website: https://equk.co.uk

Twitter: @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.