vvrtsaix/portfolio

Uurtsaikh Nyambat Portfolio

Uurtsaikh Nyambat Portfolio

Personal portfolio project. Preview

---

• NodeJS >= 18
• Typescript 5.2 - Types for JS
• Astro - Astro web framework
• Tailwind-CSS - Utility css
• React 18 - UI library

---

Folder structure

• public - public assets ex: images, favicon.svg and language jsons
• src
  • components - general usage components
  • layouts - main layout
  • pages - all pages of platform
  • emails - email templates
  • data.ts - main data source
  • utils.ts - utility functions
• astro-i18next.config.ts - Astro i18n config file
• tailwind.config.cjs - Tailwind config file
• astro.config.mjs - Astro config file

Setup

1. Environment Setup

• Install nodejs >= v18 (recommended installing with NVM)

• Install node module (yarn install)

• Set up necessary variables in .env

  • env example

  RESEND_API_KEY=******

2. Recommended vscode extensions

• Prettier - Code formatter
• ESLint
• Tailwind CSS IntelliSense

Run commands

• Install node modules

  yarn install

• Start development service

  yarn dev

• Build the project

  yarn build

• Start server with built files

  yarn preview

• Generate i18n pages

  npx astro-i18next generate

Production and Development deployment

To main, you can merge the main branch. Thus, vercel will execute out an automatic application deployment.

• On the main branch, producation deployment is configured for CI/CD

  • Domain: [https://portfolio-vvrtsaix.vercel.app/]