Social media web app like Twitter build with Qwikcity
- Qwikcity
- Typescript
- Drizzle ORM
- Neon
- Postgresql
- Node/Express server
- Tailwindcss
- daisyui
Note: copy .env.example inside .env
Step 1 - Clone the repo
git clone https://github.com/harshmangalam/qwik-x.git
Step 2 - move to project
cd qwik-x
Step 3 - Install dependencies
pnpm i
Step 4 - Copy .env.example to .env
cp .env.example .env
Step 5 - Update .env variables value
provide DRIZZLE_DATABASE_URL
value. make sure your postgres is setup in local.
Step 6 - Create postgres database with the same name provided in DRIZZLE_DATABASE_URL
i.e qwikx
Step 7 - Create and sync schema in your database
pnpm run migration:push
Step 7 - Now start your dev server
pnpm run dev
Development mode uses Vite's development server. The dev
command will server-side render (SSR) the output during development.
pnpm run dev
Note: If you want to generate random 100 users then open this url inside your browser http://localhost:5173/api/seeding/?entities=users
The preview command will create a production build of the client modules, a production build of src/entry.preview.tsx
, and run a local server. The preview server is only for convenience to preview a production build locally and should not be used as a production server.
pnpm run preview
The production build will generate client and server modules by running both client and server build commands. The build command will use Typescript to run a type check on the source code.
pnpm run build
This app has a minimal Express server implementation. After running a full build, you can preview the build using the command:
pnpm run serve
Then visit http://localhost:8080/