Update App Details

Define your application to enhance its SEO and metadata. Update lib/constant.ts file with your app details.

lib/constant.ts
export const Conf = {
  // Meta title is formed with: `${APP_NAME} - ${TITLE}`,
  //  and needs 50-60 characters.
  APP_NAME: 'NextReady',
  TITLE: 'Ship your next project faster with NextReady',

  // Meta description needs to be 155-160 characters.
  DESCRIPTION: 'More than just a boilerplate. A ready-to-use Next.js template with TypeScript, Prisma, shadcn/ui, and more. Build a quick MVP & validate your idea faster.',

  // Used for metadata.
  AUTHOR: {
    NAME: 'mgilangjanuar',
    URL: 'https://github.com/mgilangjanuar',
  },
  X_USERNAME: 'mgilangjanuar',

  // Used for footer.
  SUPPORT_EMAIL: '[email protected]',
  COMPANY: {
    NAME: 'NextReady',
    ADDRESS: 'Jakarta, Indonesia',
    URL: 'https://nextready.dev',
  }
}

Generate Assets

Create a logo and OG images for your app to make it stand out. Here are the assets you need to create:

1. Logo: Create a square logo with a minimum size of 512x512 pixels and save it as public/logo.png.

   Tip. You can use Bing Image Creator to create a logo. Here's a prompt to create a beautiful logo:

   code
   logo for {your app does} with monochrome and {color accent} accent, square, represent {can be represented by what}, without text, without letter, white background

   Here is an example of the results:

   

2. Favicon: Create a 512x512 ICO file and save it as app/favicon.ico. You can use the previous created logo and convert it to ICO format.

3. OG Images: You need 2 images for OG (Open Graph) meta tags.

   • 1200x630 image for the main image; save it as public/og.png
   • 800x418 image for the X/Twitter preview image; save it as public/og-x.png

   Tip. You can use a screenshot of your app and edit it to fit the size with Shots, Figma, or anything. Eg, https://voicetaking.com/og.png.