2 min read
Getting started

The basic configuration of Nano is pretty simple.

Edit `src/consts.ts`

Customize the base site

```ts  // src/consts.ts

export const SITE: Site = {   NAME: "Ash M",   EMAIL: "aashishmanchanda777@gmail.com",   NUM_POSTS_ON_HOMEPAGE: 3,   NUM_WORKS_ON_HOMEPAGE: 2,   NUM_PROJECTS_ON_HOMEPAGE: 3, }; ```

| Field | Req | Description | | :---- | :-- | :-----------| | NAME | Yes | Displayed in header and footer. Used in SEO and RSS. | | EMAIL | Yes | Displayed in contact section. | | NUM_POSTS | Yes | Limit num of posts on home page. | | NUM_WORKS | Yes | Limit num of works on home page. | | NUM_PROJECTS | Yes | Limit num of projects on home page. |

Customize your page metadata

```ts  // src/consts.ts

export const HOME: Metadata = {   TITLE: "Home",   DESCRIPTION: "Astro Nano is a minimal and lightweight blog and portfolio.", }; ```

| Field | Req | Description | | :---- | :-- | :-----------| | TITLE | Yes | Displayed in browser tab. Used in SEO and RSS. | | DESCRIPTION | Yes | Used in SEO and RSS. |

Customize your social media

```ts  // src/consts.ts

export const SOCIALS: Socials = [   {      NAME: "twitter-x",     HREF: "https://twitter.com/markhorn_dev",   },   {      NAME: "github",     HREF: "https://github.com/markhorn-dev"   },   {      NAME: "linkedin",     HREF: "https://www.linkedin.com/in/markhorn-dev",   } ]; ```

| Field | Req | Description | | :---- | :-- | :-----------| | NAME | Yes | Displayed in contact section as a link. | | HREF | Yes | External url to social media profile. |

Subscribe to Updates
Get notified when new threads are published.