Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/santospatrick/dev.to-clone

Dev.to clone with Next.js, Firebase, Chakra UI & Typescript
https://github.com/santospatrick/dev.to-clone

chakra-ui firebase nextjs typescript

Last synced: 19 days ago
JSON representation

Dev.to clone with Next.js, Firebase, Chakra UI & Typescript

Awesome Lists containing this project

README

        

# `Dev.to` Clone
> [`Dev.to`](https://dev.to/) blog clone made with Next.js + Firebase for studying purposes

## Setup

1. Duplicate `.env.example` to `.env.local` fulfilling variables as needed

2. Install dependencies, turn on Firebase emulators and Next.js dev server
```bash
yarn
yarn emulators
# another terminal tab
yarn dev
```

## Features
- [x] [Next.js](http://nextjs.com/)
- [x] [Typescript](typescriptlang.org)
- [x] [Firebase](https://firebase.google.com/)
- [x] [react-firebase-hooks](https://github.com/csfrequency/react-firebase-hooks)
- [x] [Chakra-UI](https://chakra-ui.com/)

## Scripts

#### `yarn emulators`
Runs Firebase emulators at `http://localhost:4000` (mandatory in local development)

#### `yarn dev`
Runs development environment locally at `http://localhost:3000`

#### `yarn build`
Builds project to `.next` folder

#### `yarn start`
Runs production environment (make sure to run `yarn build` first)