In the header area, redirects are made with the next/link feature. Pay attention to the path of the address you will forward to.
First, we import our next/image property for the image.
But the thing we need to pay attention to is that we have to specify some protocols in our config.js section.
Finally, don't forget to give width-height to our image.
SSR example on different pages and look at console on home page.
[
{
"tld": [
".pe"
],
"cca2": "PE",
"ccn3": "604",
"cca3": "PER",
"cioc": "PER",
"independent": true,
"status": "officially-assigned",
"unMember": true,
"idd": {
"root": "+5",
"suffixes": [
"1"
]
},
"capital": [
"Lima"
],
"altSpellings": [
"PE",
"Republic of Peru",
"República del Perú"
],
"region": "Americas",
"subregion": "South America",
"landlocked": false,
"borders": [
"BOL",
"BRA",
"CHL",
"COL",
"ECU"
],
"area": 1285216,
"maps": {
"googleMaps": "https://goo.gl/maps/uDWEUaXNcZTng1fP6",
"openStreetMaps": "https://www.openstreetmap.org/relation/288247"
},
"population": 34350244,
"fifa": "PER",
"car": {
"signs": [
"PE"
],
"side": "right"
},
"timezones": [
"UTC-05:00"
],
"continents": [
"South America"
],
"flag": "🇵🇪",
"name": {
"common": "Peru",
"official": "Republic of Peru",
"nativeName": {
"aym": {
"official": "Piruw Suyu",
"common": "Piruw"
},
"que": {
"official": "Piruw Ripuwlika",
"common": "Piruw"
},
"spa": {
"official": "República del Perú",
"common": "Perú"
}
}
},
"currencies": {
"PEN": {
"symbol": "S/ ",
"name": "Peruvian sol"
}
},
"languages": {
"aym": "Aymara",
"que": "Quechua",
"spa": "Spanish"
},
"latlng": [
-10,
-76
],
"demonyms": {
"eng": {
"f": "Peruvian",
"m": "Peruvian"
},
"fra": {
"f": "Péruvienne",
"m": "Péruvien"
}
},
"translations": {
"ara": {
"official": "جمهورية بيرو",
"common": "بيرو"
},
"bre": {
"official": "Republik Perou",
"common": "Perou"
},
"ces": {
"official": "Peruánská republika",
"common": "Peru"
},
"cym": {
"official": "Republic of Peru",
"common": "Peru"
},
"deu": {
"official": "Republik Peru",
"common": "Peru"
},
"est": {
"official": "Peruu Vabariik",
"common": "Peruu"
},
"fin": {
"official": "Perun tasavalta",
"common": "Peru"
},
"fra": {
"official": "République du Pérou",
"common": "Pérou"
},
"hrv": {
"official": "Republika Peru",
"common": "Peru"
},
"hun": {
"official": "Perui Köztársaság",
"common": "Peru"
},
"ind": {
"official": "Republik Peru",
"common": "Peru"
},
"ita": {
"official": "Repubblica del Perù",
"common": "Perù"
},
"jpn": {
"official": "ペルー共和国",
"common": "ペルー"
},
"kor": {
"official": "페루 공화국",
"common": "페루"
},
"nld": {
"official": "Republiek Peru",
"common": "Peru"
},
"per": {
"official": "جمهوری پرو",
"common": "پرو"
},
"pol": {
"official": "Republika Peru",
"common": "Peru"
},
"por": {
"official": "República do Peru",
"common": "Perú"
},
"rus": {
"official": "Республика Перу",
"common": "Перу"
},
"slk": {
"official": "Peruánska republika",
"common": "Peru"
},
"spa": {
"official": "República de Perú",
"common": "Perú"
},
"srp": {
"official": "Република Перу",
"common": "Перу"
},
"swe": {
"official": "Republiken Peru",
"common": "Peru"
},
"tur": {
"official": "Peru Cumhuriyeti",
"common": "Peru"
},
"urd": {
"official": "جمہوریہ پیرو",
"common": "پیرو"
},
"zho": {
"official": "秘鲁共和国",
"common": "秘鲁"
}
},
"gini": {
"2019": 41.5
},
"flags": {
"png": "https://flagcdn.com/w320/pe.png",
"svg": "https://flagcdn.com/pe.svg",
"alt": "The flag of Peru is composed of three equal vertical bands of red, white and red, with the national emblem centered in the white band."
},
"coatOfArms": {
"png": "https://mainfacts.com/media/images/coats_of_arms/pe.png",
"svg": "https://mainfacts.com/media/images/coats_of_arms/pe.svg"
},
"startOfWeek": "monday",
"capitalInfo": {
"latlng": [
-12.05,
-77.05
]
},
"postalCode": {
"format": "#####",
"regex": "^(\\d{5})$"
}
}
][
{
"tld": [
".de"
],
"cca2": "DE",
"ccn3": "276",
"cca3": "DEU",
"cioc": "GER",
"independent": true,
"status": "officially-assigned",
"unMember": true,
"idd": {
"root": "+4",
"suffixes": [
"9"
]
},
"capital": [
"Berlin"
],
"altSpellings": [
"DE",
"Federal Republic of Germany",
"Bundesrepublik Deutschland"
],
"region": "Europe",
"subregion": "Western Europe",
"landlocked": false,
"borders": [
"AUT",
"BEL",
"CZE",
"DNK",
"FRA",
"LUX",
"NLD",
"POL",
"CHE"
],
"area": 357114,
"maps": {
"googleMaps": "https://goo.gl/maps/mD9FBMq1nvXUBrkv6",
"openStreetMaps": "https://www.openstreetmap.org/relation/51477"
},
"population": 83491249,
"fifa": "GER",
"car": {
"signs": [
"DY"
],
"side": "right"
},
"timezones": [
"UTC+01:00"
],
"continents": [
"Europe"
],
"flag": "🇩🇪",
"name": {
"common": "Germany",
"official": "Federal Republic of Germany",
"nativeName": {
"deu": {
"official": "Bundesrepublik Deutschland",
"common": "Deutschland"
}
}
},
"currencies": {
"EUR": {
"symbol": "€",
"name": "euro"
}
},
"languages": {
"deu": "German"
},
"latlng": [
51,
9
],
"demonyms": {
"eng": {
"f": "German",
"m": "German"
},
"fra": {
"f": "Allemande",
"m": "Allemand"
}
},
"translations": {
"ara": {
"official": "جمهورية ألمانيا الاتحادية",
"common": "ألمانيا"
},
"bre": {
"official": "Republik Kevreadel Alamagn",
"common": "Alamagn"
},
"ces": {
"official": "Spolková republika Německo",
"common": "Německo"
},
"cym": {
"official": "Federal Republic of Germany",
"common": "Germany"
},
"deu": {
"official": "Bundesrepublik Deutschland",
"common": "Deutschland"
},
"est": {
"official": "Saksamaa Liitvabariik",
"common": "Saksamaa"
},
"fin": {
"official": "Saksan liittotasavalta",
"common": "Saksa"
},
"fra": {
"official": "République fédérale d'Allemagne",
"common": "Allemagne"
},
"hrv": {
"official": "Njemačka Federativna Republika",
"common": "Njemačka"
},
"hun": {
"official": "Német Szövetségi Köztársaság",
"common": "Németország"
},
"ind": {
"official": "Republik Federal Jerman",
"common": "Jerman"
},
"ita": {
"official": "Repubblica federale di Germania",
"common": "Germania"
},
"jpn": {
"official": "ドイツ連邦共和国",
"common": "ドイツ"
},
"kor": {
"official": "독일 연방 공화국",
"common": "독일"
},
"nld": {
"official": "Bondsrepubliek Duitsland",
"common": "Duitsland"
},
"per": {
"official": "جمهوری فدرال آلمان",
"common": "آلمان"
},
"pol": {
"official": "Republika Federalna Niemiec",
"common": "Niemcy"
},
"por": {
"official": "República Federal da Alemanha",
"common": "Alemanha"
},
"rus": {
"official": "Федеративная Республика Германия",
"common": "Германия"
},
"slk": {
"official": "Nemecká spolková republika",
"common": "Nemecko"
},
"spa": {
"official": "República Federal de Alemania",
"common": "Alemania"
},
"srp": {
"official": "Савезна Република Немачка",
"common": "Немачка"
},
"swe": {
"official": "Förbundsrepubliken Tyskland",
"common": "Tyskland"
},
"tur": {
"official": "Almanya Federal Cumhuriyeti",
"common": "Almanya"
},
"urd": {
"official": "وفاقی جمہوریہ جرمنی",
"common": "جرمنی"
},
"zho": {
"official": "德意志联邦共和国",
"common": "德国"
}
},
"gini": {
"2016": 31.9
},
"flags": {
"png": "https://flagcdn.com/w320/de.png",
"svg": "https://flagcdn.com/de.svg",
"alt": "The flag of Germany is composed of three equal horizontal bands of black, red and gold."
},
"coatOfArms": {
"png": "https://mainfacts.com/media/images/coats_of_arms/de.png",
"svg": "https://mainfacts.com/media/images/coats_of_arms/de.svg"
},
"startOfWeek": "monday",
"capitalInfo": {
"latlng": [
52.52,
13.4
]
},
"postalCode": {
"format": "#####",
"regex": "^(\\d{5})$"
}
}
]