Docs
Extras

Extras

Some of the extras you might want to add to your ZexaNext project are:

  1. To add your logo to the website, you can update the Logo.tsx file in the components folder.

    import { Logo } from "@/components/logo";
  2. Create a favicon for your website using the Favicon Generator.

    • upload your image
    • download the zip package with all the icons
    • unzip the file and place favicon.ico and apple-icon.png into the folder src/app

    Next.js will evaluate the file and automatically add the appropriate tags to your app's <head> element.

  3. Create two 1200x630 images for social media sharing. Name the first opengraph-image.png and the second twitter-image.png and add them to the /app folder.

    Next.js will evaluate the file and automatically add the appropriate tags to your app's <head> element.

  4. If you need components, you can use shadcn/ui components.