redas23.com — Portfolio

A personal portfolio site built with Next.js, React, and TypeScript, styled with Tailwind CSS, and deployed to GitHub Pages with the custom domain redas23.com.

Sections

• Hero / intro
• About Me
• Projects
• Skills
• Contact

Content lives in data/site.ts — edit the profile, projects, and skillGroups objects there to personalize the site. Everything is fully typed.

Local development

npm install
npm run dev

Open http://localhost:3000.

Other useful scripts:

npm run typecheck  # TypeScript type checking
npm run lint       # ESLint
npm run build      # Production build (static export to ./out)

Deployment (GitHub Pages)

This repo includes a GitHub Actions workflow (.github/workflows/deploy.yml) that builds the site and deploys it to GitHub Pages on every push to main.

To enable it (one-time setup, in the GitHub repo settings):

1. Go to Settings → Pages.
2. Under Build and deployment, set Source to GitHub Actions.
3. Push/merge to main — the workflow will build and publish the site.

Connecting the redas23.com domain

The site already includes public/CNAME containing redas23.com, which tells GitHub Pages to serve the site on that domain. To finish connecting it:

1. In this repo: Settings → Pages → Custom domain → enter redas23.com → Save. (GitHub will detect the CNAME file automatically, but setting it here also lets GitHub manage HTTPS certificate provisioning.)

2. At your domain registrar for redas23.com, add these DNS records:

   Type	Host/Name	Value
   A	@	185.199.108.153
   A	@	185.199.109.153
   A	@	185.199.110.153
   A	@	185.199.111.153
   CNAME	www	<your-github-username>.github.io

   (These are GitHub Pages' standard apex-domain IPs. If you'd rather only use www.redas23.com, you can skip the A records and just set the CNAME, then set www.redas23.com as the custom domain instead.)

3. Wait for DNS to propagate (can take a few minutes to a few hours), then back in Settings → Pages, check Enforce HTTPS once it becomes available.

Once DNS resolves and the certificate is issued, https://redas23.com will serve this site.

Tech stack

• Next.js (App Router, static export)
• React + TypeScript
• Tailwind CSS
• GitHub Actions + GitHub Pages