Khmer Web Library

//pages/login.js
import Head from 'next/head'
import styles from '../styles/Login.module.css'

export default function Login(props){
    return(
        <div className={styles.container}>
            <Head>
                <title>ទំព័រចុះឈ្មោះ</title>
                <link rel="icon" href="/images/siteLogo.png" />
            </Head>
            <div className={styles.form_wrapper}>
                <div className={styles.title}>ចុះឈ្មោះចូលទំព័រគ្រប់គ្រង</div>
                <form action='/api/login' method='post'>
                    <a>Username:</a><input type='text' name='username' required />
                    <a>Email:</a><input type='email' name='email' required />
                    <a>Password:</a><input type='password' name='password' required />
                    <a></a><input type='submit' value='បញ្ជូន' />
                    <a></a><div className={styles.info}>{props.message}</div>
                </form>
            </div>
        </div>
    )
}

import {withIronSessionSsr} from "iron-session/next"

export const getServerSideProps = withIronSessionSsr(
    async function getServerSideProps({ req,res }) {
        if(req.session.user){
            return {
                redirect: {
                    permanent: false,
                    destination: "/admin",
                },
                props:{},
            }
        }else{
            const message = req.session.message
            if(message){
                req.session.message = null
                await req.session.save()
                return {
                    props: {
                        message: message,
                    },
                }
            }else{
                return {
                    props: {
                        message: '',
                    },
                }
            }
        }
    },
    {
        cookieName: "myapp_cookiename",
        password: process.env.SECRET_KEY,
        cookieOptions: {
            secure: process.env.NODE_ENV === "production",
        },
    },
)

//pages/api/login.js
import db from '../../models/setcon.js'
import {withIronSessionApiRoute} from "iron-session/next"

export default withIronSessionApiRoute(
    async function loginRoute(req,res) {
        const mydb = await db
        let user = await mydb.collection('users').findOne({username:req.body.username})

        if(user){
            if(user.email === req.body.email){
                if(user.password === req.body.password){
                    req.session.user = user
                    await req.session.save()
                    res.redirect('/admin')
                }else{
                    req.session.message = 'ពាក្យសំងាត់មិនត្រឹមត្រូវទេ!'
                    await req.session.save()
                    res.redirect('/login')
                }

            }else{
                req.session.message = 'Email មិនត្រឹមត្រូវទេ!'
                await req.session.save()
                res.redirect('/login')
            }
        }else{
            req.session.message = 'ឈ្មោះអ្នកប្រើប្រាស់មិនត្រឹមត្រូវទេ!'
            await req.session.save()
            res.redirect('/login')
        }
    },
    {
        cookieName: "myapp_cookiename",
        password: process.env.SECRET_KEY,
        cookieOptions:{
            secure: process.env.NODE_ENV === "production",
        },
    },
)

GitHub: https://github.com/Sokhavuth/nblog

Vercel: https://khmerweb-nblog.vercel.app/