Blogify

A blog created with Next.js (Typescript), Apollo GraphQL Server,
Prisma, Nexusjs, PostgreSQL and Mantine UI
View Demo »

                       

Overview

This is a demo project I built to demo my fullstack skills.

Features

• User sign up / login / logout
• Post create (with authentication protection)
• Post update (with authentication protection)
• Post publish (with authentication protection)
• Post un-publish (with authentication protection)
• Post delete (with authentication protection)
• User profile (view only)
• Theme Swither (dark / light themems)

Tech Stack

» Frameworks

» Back End

» Front End

Screenshot Preview

» Light Theme

» Dark Theme

(back to top)

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

• NodeJS: v16+
• Npm / Yarn
• PostgreSQL: v14+
• NextJS: v13+

Installation

1. Clone the repo

   git clone https://github.com/levblanc/apollo-graphql-blogify.git

2. Install NPM packages

   npm install
   
   # OR
   
   yarn install

3. Set up your JWT_SIGNATURE & DATABASE_URL in .env file (create one under project root)

   DATABASE_URL=postgresql://test:test@localhost:5432/test
   JWT_SIGNATURE=jwtsignature

4. Prototype your DB with prisma:

   npx prisma db push
   
   # OR
   
   yarn prisma db push

5. Run the app, then open browser on http://localhost:3000

   npm run dev
   
   #OR
   
   yarn dev

(back to top)