Giter VIP home page Giter VIP logo

caturhidayat / nextjs-auth-blog Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 64 KB

This repository contains a full-stack web application built using the NextJS, NextAuth, Prisma ORM and Chakra-UI. The app allows users to create and manage their own blogs, write articles, and interact with other users' content.

Home Page: https://nextjs-auth-blog-ten.vercel.app

JavaScript 74.87% CSS 25.13%
chakra-ui next-auth nextjs prisma postgresql

nextjs-auth-blog's Introduction

NextJS-Auth-Blog

Stack :

  1. NextJS
  2. Prisma as ORM Prisma - I love prisma ๐Ÿ’œ
  3. Next-Auth
  4. Chakra-UI

Desc

I made this project as a step to learn to make applications. this project might be simple for some, but quite difficult for a beginner like me. In this project you can sign in and create or post content. by default the content created is not published. but don't worry, you can publish it and also change the content on the draft page. Hopefully this project can be my first start as a developer and also inspire you.

Prerequisites

List any software or tools that need to be installed before setting up your project. Include versions if necessary.

  • Node.js (version 18)
  • npm (version 8)
  • PostgreSQL (version 13 to 15)

How to Install

  1. Clone this project

  2. run : cd [projct_dirctory] npm install

  3. Setup Prisma : npm install prisma --save-dev npx prisma init

  4. Inside the .env file, you should see a DATABASE_URL environment variable with a dummy connection string. Replace this connection string with the one for your PostgreSQL instance.

    // .env

    DATABASE_URL="postgres://[USERNAME]:[YOUT_PASSWORD]@localhost:5432/nexjs-auth-blog"

  5. Run migration : npx prisma migrate dev --name "init"

  6. Run : npm run start or npm run dev

  7. Done, you can access this app at http://localhost:3000

nextjs-auth-blog's People

Contributors

caturhidayat avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.