https://github.com/toweringcloud/x-clone-nextjs

realtime social network service using typescript v5 + react v18 + nextjs v14
https://github.com/toweringcloud/x-clone-nextjs

nextjs postgresql prisma serveraction vercel

Last synced: about 1 month ago
JSON representation

realtime social network service using typescript v5 + react v18 + nextjs v14

• Host: GitHub
• URL: https://github.com/toweringcloud/x-clone-nextjs
• Owner: toweringcloud
• License: mit
• Created: 2024-08-06T12:31:32.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-10-28T03:34:36.000Z (6 months ago)
• Last Synced: 2025-01-24T19:47:36.707Z (3 months ago)
• Topics: nextjs, postgresql, prisma, serveraction, vercel
• Language: TypeScript
• Homepage: https://nextjs-fullstack-challenge-6nlgwxmvn-clouds-projects-e50c36cc.vercel.app
• Size: 510 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# x-clone-nextjs

realtime social network service (mini twitter clone)

## features

### user authentication

-   sign-up

    ![Alt text](https://github.com/toweringcloud/x-clone-nextjs/blob/main/demo/snapshot0.png?raw=true)

-   sign-in

    ![Alt text](https://github.com/toweringcloud/x-clone-nextjs/blob/main/demo/snapshot1.png?raw=true)

### user profile

-   profile

    ![Alt text](https://github.com/toweringcloud/x-clone-nextjs/blob/main/demo/snapshot2.png?raw=true)

-   profile edit

    ![Alt text](https://github.com/toweringcloud/x-clone-nextjs/blob/main/demo/snapshot3.png?raw=true)

### tweets crud

-   tweet list & add

    ![Alt text](https://github.com/toweringcloud/x-clone-nextjs/blob/main/demo/snapshot4.png?raw=true)

-   tweet detail & comment add/remove

    ![Alt text](https://github.com/toweringcloud/x-clone-nextjs/blob/main/demo/snapshot5.png?raw=true)

-   tweet search by keyword

    ![Alt text](https://github.com/toweringcloud/x-clone-nextjs/blob/main/demo/snapshot6.png?raw=true)

## how to run

### setup

-   install nodejs platform (v18 or later)

```

$ node -v

v18.20.4

```

-   install required packages

```

$ npm install

```

### config

-   set runtime environment for development (local)

```

$ cat .env

COOKIE_NAME="..."

COOKIE_PASSWORD="..."

```

-   set runtime environment for production (vercel)

```

$ cat .env.prd

COOKIE_NAME="..."

COOKIE_PASSWORD="..."

POSTGRES_PRISMA_URL="..."

POSTGRES_URL_NON_POOLING="..."

```

### launch

-   run service in development mode

```

$ npm run dev

```

-   run service in production mode

```

$ npm run build

$ npm start

```