![]() Inside of your terminal, run: yarn create next-app my-favicon-app We’re going to start off with a new Next.js app using Create Next App. Step 0: Creating a new Next.js app with Create Next App There’s really nothing “special” about using a favicon with Next.js.įavicons are a web standard, so pertaining to Next.js, it’s really just about how to add it to the page using the standardized method and making sure it properly renders with the rest of the page’s HTML. ![]() ![]() If you have a few bookmarks or tabs open, being able to see that big Google logo helps you to recognize and switch to it quicker.īut sites like Gmail in the screenshot above have taken that a step further, where not only can you use a favicon for a simple logo, but you can use it for easily identifiable information, such as how many messages are unread. The goal is to provide an easy way to distinguish a website from others. It was originally added to IE5 by Microsoft, the idea being that whenever you bookmarked a page, it would include the icon. If you haven’t heard of the term favicon, you’ve likely already seen one, just maybe never knew what it’s called.įavicons are the little images (icons) that appears in the browser tab when you’re visiting a website.
0 Comments
Leave a Reply. |