The basic configuration of Nano is pretty simple.
Edit src/consts.ts
Customize the base site
// src/consts.ts
export const SITE: Site = {
NAME: "[NAME]",
EMAIL: "[EMAIL_ADDRESS]",
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. |
| 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
// 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
// src/consts.ts
export const SOCIALS: Socials = [
{
NAME: "twitter-x",
HREF: "https://twitter.com/mdnihal05",
},
{
NAME: "github",
HREF: "https://github.com/mdnihal5",
},
{
NAME: "linkedin",
HREF: "https://www.linkedin.com/in/mdnihal05",
},
];| Field | Req | Description |
|---|---|---|
| NAME | Yes | Displayed in contact section as a link. |
| HREF | Yes | External url to social media profile. |