Nextjs CRUD with PostgreSQL and Typescript with Semantic UI

Overview

Nextjs PostgreSQL CRUD

This is a web application CRUD using Nextjs, Typescript and Pg (npm module) driver for PostgreSQL, and for style the interface this project is using semantic-ui-react.

Requeriments

In order to execute this project you must have:

  • Nodejs installed
  • Postgresql, You need postgresql running, you can see the sql table, in /database/db.sql

Installation

git clone https://github.com/FaztWeb/nextjs-postgres-crud-typescript
cd nextjs-postgres-crud-typescript
npm install
npm run dev

PostgreSQL with Docker

In my case I'm using postgresql and PgAdmin trough docker-compose. You use it with this command:

docker-compose app

and then you can visit: http://localhost:80 to see the interface

Read the docker-compose file to know more.

You might also like...
An NFT Marketplace built with NextJS, Hardhat and Solidity
An NFT Marketplace built with NextJS, Hardhat and Solidity

🖼️ NFT Marketplace This is a fullstack DApp NFT Marketplace built as a study project to learn more about blockchain and smart contract development. M

LogTure - A minimal designed, fully customizable, and extensible modern personal blogging framework, built with Nextjs

LogTure - A minimal designed, fully customizable, and extensible modern personal blogging framework, built with Nextjs

A modern and light-weight personal blogging framework built with Nextjs

LogTure - A minimal designed, fully customizable, and extensible modern personal blogging framework, built with Nextjs.

Movies and series web app developed using NextJS
Movies and series web app developed using NextJS

Disney+ Movies and series web app developed using NextJS. Deployed Link : https://disney-clone-ndmiypj8n-suchitd11.vercel.app/ Preview Login Homescree

Find a local sport match that fits your skill level. Built with NextJS and AWS.

Find a local sport match that fits your skill level. Built with NextJS and AWS.

Find a local sports match that fits your skill level. Built with NextJS and AWS.
Find a local sports match that fits your skill level. Built with NextJS and AWS.

MatchUp MatchUp Find local sport matches Beta walkthrough About The Project Looking for a fun and easy way to meet up and play sports with locals in y

🗳Nextjs app to create and share polls

Oh My Poll create and share polls privately or publicly -- its fast and free! Tech Stack Next.js TailwindCSS Prisma PlanetScale External Dependencies

Shoryuken is Trello-like web app created with NextJS and TailwindCSS
Shoryuken is Trello-like web app created with NextJS and TailwindCSS

Shoryuken Shoryuken is Trello-like web app created with NextJS and TailwindCSS. It has some features like: Authentication parts are like sign up, sign

A simple nextjs application that showcases Game of Thrones Characters

NextThrone This sample app is built with Next.js. Clone the repo and continue with the installation Installation $ yarn Usage Replace _AUTH0_CLIENT_I

Comments
  • Modal logic and UI complete

    Modal logic and UI complete

    • Every new modal will use the ModalTemplate to keep the UI consistent across the components.

    • Modals can be dinamically stacked and given special state, through the use of Redux and special methods for easily interacting with those elements.

    opened by ratasorin 1
  • Change style and functionality

    Change style and functionality

    Merge changes for convenience (be more careful managing branches next time)

    The branch's purpose has been neglected, thus i will merge all the changes into the main branch, allowing (and advising) for better version management in the future.

    opened by ratasorin 0
Owner
Fazt Web
A Free and Open Project to help people to write code and learn technology
Fazt Web
Shopify NextJS App Example. No custom NextJS server needed

Shopify NextJS App Example An example app built with NextJS that can be setup an

reda 36 Jan 4, 2023
Auth with Next.js - Authentication, Permissions and Payload Rules with Nextjs using ReactJ with Typescript

Auth with Next.js ?? About Authentication, Permissions and Payload Rules with Ne

César Augusto Polidorio Machado 7 Dec 7, 2022
Text manipulation - Text manipulation website with NextJS, Typescript and Tailwind CSS

Text manipulation - Text manipulation website with NextJS, Typescript and Tailwind CSS

Ruan Correa 2 Apr 27, 2022
Admin panel built with NextJS(Typescript), Material UI, Apollo Client & GraphQL.

Admin panel built with NextJS(Typescript), Material UI, Apollo Client & GraphQL. In the backend, Prisma 2 with Nexus and Mysql is used.

Vikas Dwivedi 129 Dec 13, 2022
Snake game - Snake Game using NextJS Typescript

Snake game - Snake Game using NextJS Typescript

Ruan Correa 3 Apr 17, 2022
WunderGraph Demo joining Apollo Federation (with Subscriptions), REST and GraphQL APIs and consuming it from a NextJS application

This Repository demonstrates how to combine 7 APIs (4 Apollo Federation SubGraphs, 1 REST, 1 standalone GraphQL, 1 Mock) into one unified GraphQL API which is then securely exposed as a JSON API to a NextJS Frontend.

WunderGraph 53 Dec 6, 2022
Commenting System built with NextJS and Sanity

Commenting System built with NextJS and Sanity

Alessio Franceschi 28 Nov 25, 2022
A static blog build on top of Notion and NextJS, deployed on Vercel.

A static blog build on top of Notion and NextJS, deployed on Vercel.

Craig Hart 1.9k Jan 6, 2023
nextjs server and client (react) for flash pass

nextjs server and client (react) for flash pass

BreadPass 1 Nov 7, 2021
Google Translate Clone using NextJS and Reactstrap

Development Practice Challenge : Build a Language Translation App Stacks NextJS Reactstrap Getting Started First, run the development server: npm run

Christianto Chen 3 Jan 31, 2022