mathiasbynens / NotANumber

An interactive blog on computer science and web dev 💡

Hello! This repository contains the source code for Not a Number, my personal blog on computer science and web development with a focus on interactive articles. Feel free to look around 🎉

Getting Started

This blog is built with Next.js, MDX and Tailwind, supercharged with styled-components and twin.macro. The backend for collecting feedback is built with Next.js and Fauna.

To get started:

1. Clone the repository:

git clone https://github.com/narendrasss/NotANumber.git

2. Cd into the directory and install dependencies:

cd NotANumber
yarn install

3. Run the development server:

yarn dev

Open http://localhost:3000 with your browser to see the result. Note that at this point, the feedback form will NOT work.

To get the feedback form working using Fauna:

1. Get the API key from Fauna by creating an account and provisioning a database
2. Add the API key to a .env.local file in the root directory:

FAUNA_SECRET_KEY=<my api key>

Alternatively, you can change where the feedback form submits by modifying the submitFeedback function in FeedbackForm.js.