initial commit

Author: abdessamadely

.env.example

@@ -0,0 +1,2 @@
+ADMIN_PASSWORD=
+DATABASE_URL="postgresql://codersteps:@localhost:5432/fullstack_app?schema=public"

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "tabWidth": 2,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "semi": false
+}

README.md

@@ -0,0 +1,19 @@
+## About
+
+A Next.js full-stack boilerplate with TypeScript, Tailwind CSS, and Prisma.js for your future full-stack apps.
+
+## Tasks
+
+- [x] Create a new Next.js app
+- [x] Install and configure Tailwind CSS
+- [x] Set up Typesafe environment variables
+- [x] Set up Prisma.js
+- [x] Automatize Next.js api handlers and Structure next.js api handlers
+- [x] Setup Next.js api hello world middleware
+- [x] Set up hello world MOBX store (under review)
+
+## Notes
+
+Don't forget to run: `cp .env.example .env`
+
+Soon the related article will be published at codersteps.com

app/users/create.handler.ts

@@ -0,0 +1,47 @@
+import type { NextApiHandler } from 'next'
+import bcrypt from 'bcrypt'
+import { Prisma, User } from '@prisma/client'
+import { ReasonPhrases, StatusCodes } from 'http-status-codes'
+import db from '@/lib/database'
+
+interface Data {
+  error: string | null
+  data: User | null
+}
+
+const createHandler: NextApiHandler<Data> = async (req, res) => {
+  const { firstName, lastName, bio, username, password } =
+    req.body as Prisma.UserUncheckedCreateInput
+
+  if (
+    typeof username !== 'string' ||
+    typeof password !== 'string' ||
+    password.length < 6
+  ) {
+    res
+      .status(StatusCodes.BAD_REQUEST)
+      .json({ data: null, error: ReasonPhrases.BAD_REQUEST })
+    return
+  }
+
+  const hashedPassword = bcrypt.hashSync(password, 10)
+  const data: Prisma.UserUncheckedCreateInput = {
+    username,
+    password: hashedPassword,
+  }
+
+  if (typeof firstName === 'string') {
+    data.firstName = firstName
+  }
+  if (typeof lastName === 'string') {
+    data.lastName = lastName
+  }
+  if (typeof bio === 'string') {
+    data.bio = bio
+  }
+
+  const createdUser = await db.user.create({ data })
+  res.status(StatusCodes.OK).json({ data: createdUser, error: null })
+}
+
+export default createHandler

app/users/delete.handler.ts

@@ -0,0 +1,18 @@
+import type { NextApiHandler } from 'next'
+import { User } from '@prisma/client'
+import { StatusCodes } from 'http-status-codes'
+import db from '@/lib/database'
+
+interface Data {
+  data: User | null
+  error: string | null
+}
+
+const deleteHandler: NextApiHandler<Data> = async (req, res) => {
+  const id = typeof req.query.id === 'string' ? parseInt(req.query.id, 10) : 0
+
+  const user = await db.user.delete({ where: { id } })
+  res.status(StatusCodes.OK).json({ data: user, error: null })
+}
+
+export default deleteHandler

app/users/index.handler.ts

@@ -0,0 +1,15 @@
+import type { NextApiHandler } from 'next'
+import { User } from '@prisma/client'
+import { StatusCodes } from 'http-status-codes'
+import db from '@/lib/database'
+
+interface Data {
+  data: User[]
+}
+
+const indexHandler: NextApiHandler<Data> = async (req, res) => {
+  const users = await db.user.findMany()
+  res.status(StatusCodes.OK).json({ data: users })
+}
+
+export default indexHandler

app/users/show.handler.ts

@@ -0,0 +1,25 @@
+import type { NextApiHandler } from 'next'
+import { User } from '@prisma/client'
+import { ReasonPhrases, StatusCodes } from 'http-status-codes'
+import db from '@/lib/database'
+
+interface Data {
+  data: User | null
+  error: string | null
+}
+
+const showHandler: NextApiHandler<Data> = async (req, res) => {
+  const id = typeof req.query.id === 'string' ? parseInt(req.query.id, 10) : 0
+
+  const user = await db.user.findFirst({ where: { id } })
+
+  if (!user) {
+    res
+      .status(StatusCodes.NOT_FOUND)
+      .json({ data: null, error: ReasonPhrases.NOT_FOUND })
+  }
+
+  res.status(StatusCodes.OK).json({ data: user, error: null })
+}
+
+export default showHandler

app/users/update.handler.ts

@@ -0,0 +1,33 @@
+import type { NextApiHandler } from 'next'
+import { Prisma, User } from '@prisma/client'
+import { ReasonPhrases, StatusCodes } from 'http-status-codes'
+import db from '@/lib/database'
+
+interface Data {
+  data: User | null
+  error: string | null
+}
+
+const updateHandler: NextApiHandler<Data> = async (req, res) => {
+  const id = typeof req.query.id === 'string' ? parseInt(req.query.id, 10) : 0
+
+  const { firstName, lastName, bio } =
+    req.body as Prisma.UserUncheckedUpdateInput
+
+  const data: Prisma.UserUncheckedUpdateInput = {}
+
+  if (typeof firstName === 'string') {
+    data.firstName = firstName
+  }
+  if (typeof lastName === 'string') {
+    data.lastName = lastName
+  }
+  if (typeof bio === 'string') {
+    data.bio = bio
+  }
+
+  const user = await db.user.update({ data, where: { id } })
+  res.status(StatusCodes.OK).json({ data: user, error: null })
+}
+
+export default updateHandler