Everything *[NYC] 2026: see what we announced. →

Content operations
Studio
Content Agent
App SDK
Media Library
Content Releases
Agent API
Content backend
Content Lake
Sanity Context
MCP Server
Functions
Live CDN
See what we announced
By Industry
E-commerce & Retail
Media & Publishing
SaaS
By Team
Developers
Content Editors
Product Owners
Business Leaders
Tecovas strengthens their customer connections
Read the story
Build and Share
Sanity 101
Sanity Learn
Pioneers
Frameworks
Templates
Tools and plugins
Schemas and snippets
Join our community
Insight
Blog
Engineering
Events & Webinars
Customer stories
Guides
Use Cases
Grab your gear: The official Sanity swag store
Read Grab your gear: The official Sanity swag store
Docs
Enterprise
Pricing

Get started

All Guides Plugins Templates Projects Recipes Community

Exchange
Projects

Tedspace

Portfolio site

By Ted Littledale

View project live

Get started for free Explore the demo

About the project

Portfolio built using Next.js and hosted on Netlify.

As I didn't want to use Vercel to host I had to implement my own lazy loading image component. This was fairly easy to implement and gave me complete control over when the images loaded. Using the Next image component images would only load once in the viewport which often resulted in seeing the image load briefly. I was able to implement a version which loads the images of the next section once the previous section is in view so images are always loaded before they are in the viewport.

Contributor

Ted Littledale

Creative Technologist, Front End developer, Data Visualisation tinkerer, and a successful startup founder

Visit Ted Littledale's profile

Tell us what you think

Footer

Join our community on Discord →

Subscribe to our newsletter

I agree to receive email communications from Sanity. I can unsubscribe at any time.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Products

Sanity Studio
Media Library
Sanity Context
Canvas
Content Agent
MCP Server
Content Releases
Insights
App SDK
Content Lake
Live CDN
Functions
Agent Actions
AI Assist
Use cases

Resources

Docs
Sanity 101
Sanity Learn
Tools and plugins
Pioneers
Frameworks
Templates
Schemas and snippets
Guides
Headless CMS explained
Resource library
Explainers
Enterprise CMS guides
Headless CMS Guides
Enhancing your CMS with AI
Agent context guides
Compare Sanity
Glossary
Pricing
For agents

Company

Contact
Blog
Engineering
Shop
Webinars & Events
Careers
Changelog
Customer Stories
Agency Partners
Technology Partners

Trust and compliance

Privacy policy
Terms of service
Data Processing Addendum
Accessibility statement
Transparency statement
Security and compliance
Responsible disclosure
Open Source Pledge

Keep in touch

OSL, NOR (CET)

SFO, USA (PST)

Loading system status

Change Site Theme