This website is built with Next.js and is designed to be easily updatable without touching the core code.
The schedule is powered by a simple data file.
- Navigate to
src/data/schedule.json. - You will see a list of days, each containing a list of classes.
- To Add a Class: Copy a
{ ... }block inside theclasseslist and change the details.{ "time": "18:00 - 19:30", "level": "Intermediate", "style": "Kathak", "instructor": "New Instructor" } - To Change a Time: Simply edit the text inside the quotes for
"time".
- Navigate to
src/data/instructors.json. - Each instructor is a block enclosed in
{ }. - Update the
name,role,bio, orstylesfields. - Images: Place new images in the
public/images/folder and update the"image"path in the JSON file (e.g.,"/images/sarah.jpg").
To launch your site:
- Deploy: Push this code to Vercel (recommended for Next.js).
- Create an account on Vercel.com.
- Import your Git repository.
- Click "Deploy".
- DNS Settings:
- In Vercel, go to Settings > Domains.
- Add your domain (e.g.,
auroraclassical.com). - Vercel will give you
A RecordsorCNAMErecords. - Log in to your domain registrar (e.g., GoDaddy) and update the DNS settings with these values.
- The site uses Next.js Image Optimization.
- Ensure uploaded images are in
public/images/. - For best performance, use
.webpor.jpgformats under 500KB.