Skip to content

Instantly share code, notes, and snippets.

mkdir slender
cd slender
touch server.js
const http = require('http');
const PORT = 4000;
http.createServer(server).listen(PORT);
function server(req, res) {
res.end('Hello, dude');
}
function server(req, res) {
const { url } = req;
if (url === '/') {
res.end('Main');
} else if (url === '/about') {
res.end('About');
} else {
res.end('404');
}
function server(req, res) {
return res.end(App({ url: req.url }));
}
function App({ url }) {
return `
<!doctype html>
<html class="app">
<head>
<meta charset="utf-8" />
.app {
margin: 0;
padding: 0;
background: #fff;
font-family: sans-serif;
}
.app__body {
margin: 0;
padding: 0;
<head>
<meta charset="utf-8" />
<title>Slender Website</title>
<link rel="stylesheet" href="/styles.css" />
</head>
const fs = require('fs');
function server(req, res) {
const { url } = req;
if (url === '/styles.css') {
res.end(fs.readFileSync('./styles.css'));
return;
}
const fs = require('fs');
const styles = fs.readFileSync('./styles.css');
function server(req, res) {
const { url } = req;
if (url === '/styles.css') {
res.end(styles);
return;
}
// server.js
const http = require('http');
const fs = require('fs');
require('./components');
const PORT = 4000;
const styles = fs.readFileSync('./styles.css');
const components = fs.readFileSync('./components.js');
.box {
width: 30px;
height: 30px;
background: #ccc;
}
.box_big {
width: 100px;
height: 100px;
}