Skip to content

Commit afacfd3

Browse files
bassgetabassgeta
committed
fix: use img instead of next's Image for less memory leaks
1 parent 8e4337c commit afacfd3

File tree

5 files changed

+38
-42
lines changed

5 files changed

+38
-42
lines changed

‎src/app/(demo)/event/[id]/page.tsx‎

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -26,13 +26,11 @@ export default async function EventDetailsPage({
2626
return (
2727
<div className="min-h-screen bg-gray-50">
2828
{/* Hero Section */}
29-
<div className="relative h-[400px] w-full">
30-
<Image
29+
<div className="relative h-[400px] w-full overflow-hidden">
30+
<img
3131
src={event.headerImage}
3232
alt={event.name}
33-
fill
34-
className="object-cover"
35-
priority
33+
className="object-cover w-full"
3634
/>
3735
<div className="absolute inset-0 bg-black/50" />
3836
<div className="absolute bottom-8 left-8">
@@ -86,10 +84,9 @@ export default async function EventDetailsPage({
8684
<h2 className="text-2xl font-semibold mb-4">Organizer</h2>
8785
<div className="flex items-center gap-4">
8886
<div className="relative h-16 w-16 rounded-full overflow-hidden">
89-
<Image
87+
<img
9088
src={event.organizer.logo}
9189
alt={event.organizer.name}
92-
fill
9390
className="object-cover"
9491
/>
9592
</div>

‎src/app/(demo)/page.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ export default function DemoPage() {
2222
<>
2323
<section className="flex flex-col gap-2">
2424
{/* Featured Events Carousel */}
25+
<h1>IMAGE TEST WITH NEXT</h1>
2526
<div className="mb-8">
2627
<Carousel
2728
className="w-full"
@@ -36,10 +37,9 @@ export default function DemoPage() {
3637
aria-label={`View details for ${event.name}`}
3738
>
3839
<div className="relative aspect-[3/1] w-full overflow-hidden rounded-lg">
39-
<Image
40+
<img
4041
src={event.headerImage}
4142
alt={event.name}
42-
fill
4343
className="object-cover"
4444
/>
4545
<div className="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent" />

‎src/components/EventShowcase.tsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -69,10 +69,9 @@ export const EventShowcase = ({ events }: EventShowcaseProps) => {
6969
aria-label={`View details for ${event.name} on ${format(new Date(event.dateTime), "MMM d, yyyy")}`}
7070
>
7171
<div className="relative aspect-[16/9] overflow-hidden rounded-t-xl">
72-
<Image
72+
<img
7373
src={event.image}
7474
alt={event.name}
75-
fill
7675
className="object-cover transition-transform duration-300 group-hover:scale-105"
7776
/>
7877
<div className="absolute top-4 left-4">

‎src/components/Navbar.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,7 @@ export const Navbar = () => {
8989
<nav className="w-full flex items-center py-4 border-b-[1px]">
9090
<div className="flex px-5 items-center justify-between max-w-[1200px] w-full mx-auto">
9191
<div className="flex items-center space-x-4">
92-
<Image
92+
<img
9393
src="/logo.svg"
9494
alt="Request Network"
9595
width={100}

‎src/const/data.json‎

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@
55
"name": "Future of Tech Summit 2024",
66
"type": "Conference",
77
"featured": true,
8-
"image": "https://images.unsplash.com/photo-1540575467063-178a50c2df87",
9-
"headerImage": "https://images.unsplash.com/photo-1515187029135-18ee286d815b",
8+
"image": "https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=400&q=80&auto=format",
9+
"headerImage": "https://images.unsplash.com/photo-1515187029135-18ee286d815b?w=1200&q=80&auto=format",
1010
"dateTime": "2024-09-15T09:00:00",
1111
"endDateTime": "2024-09-16T18:00:00",
1212
"location": {
@@ -22,7 +22,7 @@
2222
"startingPrice": 299,
2323
"organizer": {
2424
"name": "TechEvents Global",
25-
"logo": "https://images.unsplash.com/photo-1599305445671-ac291c95aaa9",
25+
"logo": "https://images.unsplash.com/photo-1599305445671-ac291c95aaa9?w=100&q=80&auto=format",
2626
"description": "Leading technology conference organizer since 2010"
2727
},
2828
"ticketTiers": [
@@ -54,8 +54,8 @@
5454
"name": "Summer Rock Festival",
5555
"type": "Concert",
5656
"featured": true,
57-
"image": "https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3",
58-
"headerImage": "https://images.unsplash.com/photo-1429962714451-bb934ecdc4ec",
57+
"image": "https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?w=400&q=80&auto=format",
58+
"headerImage": "https://images.unsplash.com/photo-1429962714451-bb934ecdc4ec?w=1200&q=80&auto=format",
5959
"dateTime": "2024-07-20T16:00:00",
6060
"endDateTime": "2024-07-20T23:00:00",
6161
"location": {
@@ -71,7 +71,7 @@
7171
"startingPrice": 79,
7272
"organizer": {
7373
"name": "Rock Nation Events",
74-
"logo": "https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4",
74+
"logo": "https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4?w=100&q=80&auto=format",
7575
"description": "Premier music festival organizer"
7676
},
7777
"ticketTiers": [
@@ -103,8 +103,8 @@
103103
"name": "UX Design Masterclass",
104104
"type": "Workshop",
105105
"featured": true,
106-
"image": "https://images.unsplash.com/photo-1531403009284-440f080d1e12",
107-
"headerImage": "https://images.unsplash.com/photo-1558403194-611308249627",
106+
"image": "https://images.unsplash.com/photo-1531403009284-440f080d1e12?w=400&q=80&auto=format",
107+
"headerImage": "https://images.unsplash.com/photo-1558403194-611308249627?w=1200&q=80&auto=format",
108108
"dateTime": "2024-08-05T10:00:00",
109109
"endDateTime": "2024-08-05T17:00:00",
110110
"location": {
@@ -120,7 +120,7 @@
120120
"startingPrice": 199,
121121
"organizer": {
122122
"name": "Design Masters",
123-
"logo": "https://images.unsplash.com/photo-1557821552-17105176677c",
123+
"logo": "https://images.unsplash.com/photo-1557821552-17105176677c?w=100&q=80&auto=format",
124124
"description": "Expert-led design workshops and courses"
125125
},
126126
"ticketTiers": [
@@ -145,8 +145,8 @@
145145
"name": "Startup Growth Summit",
146146
"type": "Conference",
147147
"featured": false,
148-
"image": "https://images.unsplash.com/photo-1475721027785-f74eccf877e2",
149-
"headerImage": "https://images.unsplash.com/photo-1559223607-a43c990c692c",
148+
"image": "https://images.unsplash.com/photo-1475721027785-f74eccf877e2?w=400&q=80&auto=format",
149+
"headerImage": "https://images.unsplash.com/photo-1559223607-a43c990c692c?w=1200&q=80&auto=format",
150150
"dateTime": "2024-10-10T08:30:00",
151151
"endDateTime": "2024-10-11T17:00:00",
152152
"location": {
@@ -162,7 +162,7 @@
162162
"startingPrice": 249,
163163
"organizer": {
164164
"name": "Startup Network EU",
165-
"logo": "https://images.unsplash.com/photo-1559223607-a43c990c692c",
165+
"logo": "https://images.unsplash.com/photo-1559223607-a43c990c692c?w=100&q=80&auto=format",
166166
"description": "Europe's leading startup community"
167167
},
168168
"ticketTiers": [
@@ -194,8 +194,8 @@
194194
"name": "Evening of Jazz",
195195
"type": "Concert",
196196
"featured": false,
197-
"image": "https://images.unsplash.com/photo-1415201364774-f6f0bb35f28f",
198-
"headerImage": "https://images.unsplash.com/photo-1511192336575-5a79af67a629",
197+
"image": "https://images.unsplash.com/photo-1415201364774-f6f0bb35f28f?w=400&q=80&auto=format",
198+
"headerImage": "https://images.unsplash.com/photo-1511192336575-5a79af67a629?w=1200&q=80&auto=format",
199199
"dateTime": "2024-06-30T19:00:00",
200200
"endDateTime": "2024-06-30T23:00:00",
201201
"location": {
@@ -211,7 +211,7 @@
211211
"startingPrice": 59,
212212
"organizer": {
213213
"name": "Jazz & Soul Productions",
214-
"logo": "https://images.unsplash.com/photo-1415201364774-f6f0bb35f28f",
214+
"logo": "https://images.unsplash.com/photo-1415201364774-f6f0bb35f28f?w=100&q=80&auto=format",
215215
"description": "Authentic jazz experiences since 1990"
216216
},
217217
"ticketTiers": [
@@ -243,8 +243,8 @@
243243
"name": "ETHGlobal Summit",
244244
"type": "Conference",
245245
"featured": true,
246-
"image": "https://images.unsplash.com/photo-1639762681485-074b7f938ba0",
247-
"headerImage": "https://images.unsplash.com/photo-1642006953663-06f0387f5652",
246+
"image": "https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=400&q=80&auto=format",
247+
"headerImage": "https://images.unsplash.com/photo-1642006953663-06f0387f5652?w=1200&q=80&auto=format",
248248
"dateTime": "2025-03-15T09:00:00",
249249
"endDateTime": "2025-03-17T18:00:00",
250250
"location": {
@@ -260,7 +260,7 @@
260260
"startingPrice": 399,
261261
"organizer": {
262262
"name": "ETHGlobal",
263-
"logo": "https://images.unsplash.com/photo-1622630998477-20aa696ecb05",
263+
"logo": "https://images.unsplash.com/photo-1622630998477-20aa696ecb05?w=100&q=80&auto=format",
264264
"description": "Leading Ethereum ecosystem event organizer"
265265
},
266266
"ticketTiers": [
@@ -285,8 +285,8 @@
285285
"name": "Digital Renaissance: NFT Art Festival",
286286
"type": "Exhibition",
287287
"featured": false,
288-
"image": "https://images.unsplash.com/photo-1620641788421-7a1c342ea42e",
289-
"headerImage": "https://images.unsplash.com/photo-1638913662380-9799def8ffb1",
288+
"image": "https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?w=400&q=80&auto=format",
289+
"headerImage": "https://images.unsplash.com/photo-1638913662380-9799def8ffb1?w=1200&q=80&auto=format",
290290
"dateTime": "2025-05-20T10:00:00",
291291
"endDateTime": "2025-05-23T20:00:00",
292292
"location": {
@@ -302,7 +302,7 @@
302302
"startingPrice": 89,
303303
"organizer": {
304304
"name": "CryptoArt Collective",
305-
"logo": "https://images.unsplash.com/photo-1620641788421-7a1c342ea42e",
305+
"logo": "https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?w=100&q=80&auto=format",
306306
"description": "Bridging traditional and digital art"
307307
},
308308
"ticketTiers": [
@@ -327,8 +327,8 @@
327327
"name": "Mediterranean Food & Wine Festival",
328328
"type": "Festival",
329329
"featured": false,
330-
"image": "https://images.unsplash.com/photo-1555396273-367ea4eb4db5",
331-
"headerImage": "https://images.unsplash.com/photo-1507434965515-61832950c743",
330+
"image": "https://images.unsplash.com/photo-1555396273-367ea4eb4db5?w=400&q=80&auto=format",
331+
"headerImage": "https://images.unsplash.com/photo-1507434965515-61832950c743?w=1200&q=80&auto=format",
332332
"dateTime": "2025-06-10T12:00:00",
333333
"endDateTime": "2025-06-12T22:00:00",
334334
"location": {
@@ -344,7 +344,7 @@
344344
"startingPrice": 129,
345345
"organizer": {
346346
"name": "Mediterranean Culinary Arts",
347-
"logo": "https://images.unsplash.com/photo-1466637574441-749b8f19452f",
347+
"logo": "https://images.unsplash.com/photo-1466637574441-749b8f19452f?w=100&q=80&auto=format",
348348
"description": "Celebrating Mediterranean cuisine and culture"
349349
},
350350
"ticketTiers": [
@@ -369,8 +369,8 @@
369369
"name": "DeFi Innovation Summit",
370370
"type": "Conference",
371371
"featured": false,
372-
"image": "https://images.unsplash.com/photo-1639762681485-074b7f938ba0",
373-
"headerImage": "https://images.unsplash.com/photo-1642006953663-06f0387f5652",
372+
"image": "https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=400&q=80&auto=format",
373+
"headerImage": "https://images.unsplash.com/photo-1642006953663-06f0387f5652?w=1200&q=80&auto=format",
374374
"dateTime": "2025-09-05T09:00:00",
375375
"endDateTime": "2025-09-07T18:00:00",
376376
"location": {
@@ -386,7 +386,7 @@
386386
"startingPrice": 599,
387387
"organizer": {
388388
"name": "DeFi Alliance",
389-
"logo": "https://images.unsplash.com/photo-1622630998477-20aa696ecb05",
389+
"logo": "https://images.unsplash.com/photo-1622630998477-20aa696ecb05?w=100&q=80&auto=format",
390390
"description": "Advancing decentralized finance innovation"
391391
},
392392
"ticketTiers": [
@@ -411,8 +411,8 @@
411411
"name": "Wayne Enterprises Annual Charity Gala",
412412
"type": "Gala",
413413
"featured": true,
414-
"image": "https://images.unsplash.com/photo-1519167758481-83f550bb49b3",
415-
"headerImage": "https://images.unsplash.com/photo-1492684223066-81342ee5ff30",
414+
"image": "https://images.unsplash.com/photo-1519167758481-83f550bb49b3?w=400&q=80&auto=format",
415+
"headerImage": "https://images.unsplash.com/photo-1492684223066-81342ee5ff30?w=1200&q=80&auto=format",
416416
"dateTime": "2025-10-31T19:00:00",
417417
"endDateTime": "2025-11-01T02:00:00",
418418
"location": {
@@ -428,7 +428,7 @@
428428
"startingPrice": 1000,
429429
"organizer": {
430430
"name": "Wayne Foundation",
431-
"logo": "https://images.unsplash.com/photo-1481819613568-3701cbc70156",
431+
"logo": "https://images.unsplash.com/photo-1481819613568-3701cbc70156?w=100&q=80&auto=format",
432432
"description": "Serving Gotham's community since 1939"
433433
},
434434
"ticketTiers": [

0 commit comments

Comments
 (0)