Start building fast, start earning faster

All tutorials and docs you need to build the NextJS App, start building your app faster.

1. Review meta info

You should review all meta information before releasing your app — it helps improve SEO and ensures your content is properly displayed across search engines and social platforms.

You can check it in the app/layout.tsx file:

js
export const metadata: Metadata = {
  title: "Build2Earn Sample Code",
  description: "Build2Earn Sample Code",
  keywords: "nextjs template code, sample code, build2earn, tuanhintech",
  authors: { name: appConfig.AUTHOR_NAME, url: appConfig.DOMAIN },
  creator: appConfig.AUTHOR_NAME,
  openGraph: {
    title: "Build2Earn Sample Code",
    description: "Build2Earn Sample Code",
    url: appConfig.DOMAIN,
    siteName: "Build2Earn Sample Code",
    images: [
      {
        url: `${appConfig.DOMAIN}/images/shortCourses/fullstack-nextjs.png`, // change your image URL here
        width: 1200,
        height: 630,
        alt: "Next.js template code",
      },
    ],
    locale: "en_US",
    type: "website",
  },
  twitter: {
    title: "Build2Earn Sample Code",
    description: "Build2Earn Sample Code",
    card: "summary_large_image",
    creator: "@tuanhintech",
  },
};

Notes: All values on appConfig, was saved on the file .env.local:

json
AUTHOR_NAME=""
BRAND_NAME=""
DOMAIN=""

2. Review language, font-family:

On root layout, please review language for your app app/layout.tsx

jsx
<html lang="en">
  <body>
    ...
  </body>
</html>

Check your app font:

jsx
const geist = Geist({
  subsets: ["latin"],
  display: "swap",
});

 <html lang="en">
  <body className={`${geist.className} antialiased`}>
    ...
  </body>
</html>