Hi! Thank you for taking the time to look at this repo! If you do choose to use this website template, please attribute me by linking back to this GitHub repo.
Built with next.js, shadcn/ui, and magic ui, deployed on Vercel.
- Setup only takes a few minutes by editing the single config file
- Built using Next.js 14, React, Typescript, Shadcn/UI, TailwindCSS, Framer Motion, Magic UI
- Includes a blog
- Responsive for different devices
- Optimized for Next.js and Vercel
Everything on the homepage comes from two data files. Add an entry and the layout adapts on its own.
Experience, education, skills, hackathons, other work: src/data/resume.tsx
- Experience: add to
work. Logos go inpublic/. - Hackathons: add to
hackathons. Optional fields:role: "Organizer"or"Builder"shows next to the location and counts toward the intro sentence.featured: trueshows the hackathon before the "Show all" toggle. If nothing is featured, the first 4 show.
- Other work: add to
projectswith atitle,hrefand shorttagline. The Other work column grows to fit.
Case studies: three steps.
- Add an entry to
CASE_STUDIESinsrc/data/case-studies.ts:slugbecomes the URL:/work/<slug>.name,tagline,role,highlightandimagefill the homepage tile.outcomeappears in the case study header.tile(optional) sets the tile's colors. Without it, the tile uses the default sage and coral.
- Copy
src/app/work/_template/tosrc/app/work/<slug>/and setSLUGat the top to match. - Put the cover and other images in
public/case-studies/<slug>/.
The homepage tile, the /work page and the "Next" link at the bottom of each case study update automatically. Tiles appear in the same order as CASE_STUDIES. The first three fill the zigzag grid, and any more pair up below it.
-
Clone this repository to your local machine:
git clone https://github.com/amishasao/website
-
Move to the cloned directory
cd portfolio -
Install dependencies:
pnpm install
-
Start the local Server:
pnpm dev
-
Open the Config file and make changes