The official web platform and learning portal for DeepBio Academy — providing advanced training in Bioinformatics, Computational Biology, AI for Drug Discovery, and Multi-omics Research.
- Framework: Next.js (App Router)
- UI & Styling: Tailwind CSS v4, Lucide Icons
- Language: TypeScript
- Runtime: Node.js & React 19
- Deployment: Vercel (Recommended) / Netlify / GitHub Pages
Ensure you have Node.js 18+ installed.
# Clone the repository
git clone https://github.com/deepbioacademy/deepbioacademy.github.io.git
# Navigate to the project directory
cd deepbioacademy.github.io
# Install dependencies
npm installRun the local development server:
npm run devOpen http://localhost:3000 in your browser.
# Run production build
npm run build- Go to vercel.com and sign in with your GitHub account.
- Click "Add New..." > "Project".
- Select this repository (
deepbioacademy.github.io) and click Import. - Leave all default settings (Framework: Next.js) and click Deploy.
- In your project dashboard on Vercel, go to Settings > Domains.
- Enter your custom domain (e.g.
deepbioacademy.comorwww.deepbioacademy.com) and click Add. - Vercel will ask how you want to redirect (recommended: redirect root domain
deepbioacademy.comtowww.deepbioacademy.comor vice versa).
Log in to your domain registrar (Namecheap, GoDaddy, Cloudflare, etc.) and add the following DNS records:
| Type | Name / Host | Value / Points to | Note |
|---|---|---|---|
| A | @ |
76.76.21.21 |
Points apex domain to Vercel |
| CNAME | www |
cname.vercel-dns.com. |
Points www subdomain to Vercel |
(If using a custom subdomain like app.deepbioacademy.com, add a CNAME with Host = app and Value = cname.vercel-dns.com)
- Vercel will automatically verify DNS records within 1–10 minutes and provision a free, auto-renewing SSL certificate (HTTPS).
├── public/ # Static assets (images, logos, publications)
├── src/
│ ├── app/ # Next.js App Router pages and layouts
│ │ ├── alumni/ # Mentee & alumni showcase
│ │ ├── apply/ # Application & registration flow
│ │ ├── blog/ # Articles and insights
│ │ ├── programs/ # Program-specific landing pages
│ │ ├── research/ # Publications and research output
│ │ └── tutorials/ # Step-by-step bioinformatics guides
│ ├── components/ # Reusable UI components & section layouts
│ ├── content/ # Markdown content and blog posts
│ ├── data/ # Static datasets and curriculum configs
│ ├── lib/ # Utility helpers and markdown parser
│ └── types/ # TypeScript interface definitions
├── next.config.ts # Next.js configuration & Edge security headers
├── package.json
└── tsconfig.json
This repository is maintained by DeepBio Academy. All rights reserved.