A simple Node.js project demonstrating how to serve static HTML, CSS, images, and JSON API endpoints without any frameworks. Great for learning, demos, or lightweight static sites!
- Serves static HTML, CSS, and images from the
public/directory - Five routes:
/,/about(JSON),/api/data(JSON),/gallery(HTML),/contact(HTML) - Simple, framework-free Node.js HTTP server
- Example of JSON API endpoints
.
├── public/
│ ├── index.html
│ ├── about.html
│ ├── gallery.html
│ ├── contact.html
│ ├── style.css
│ └── images/
│ ├── sample.jpg
│ └── sample2.jpg
└── server.js
- Clone the repo:
git clone https://github.com/preciousadeyemi78/basic-nodejs.git cd basic-nodejs - Add images:
Place your images in
public/images/assample.jpgandsample2.jpg(or update HTML to match your filenames). - Run the server:
node server.js
- Visit in your browser:
- Home: http://localhost:3000/
- About (JSON): http://localhost:3000/about
- API Data (JSON): http://localhost:3000/api/data
- Gallery: http://localhost:3000/gallery
- Contact: http://localhost:3000/contact
| Route | Type | Description |
|---|---|---|
/ |
HTML | Home page |
/about |
JSON | Project info as JSON |
/api/data |
JSON | Sample API data |
/gallery |
HTML | Image gallery |
/contact |
HTML | Contact info |
/style.css |
CSS | Stylesheet |
/images/sample.jpg |
Image | Example image |
Add screenshots of your site here for a better demo!
Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.
MIT