nextjs-rust-twitter-stream-websocket-register-fe.js

nextjs-rust-twitter-stream-websocket-register-fe.js

// NextJS API - Registeration
// folder - pages/api/register.js
const RegisterHandler = async (req, res) => {
    try {

        let request_url = "http://localhost:8000/register";

        // This is a contrived example, normally your external API would exist on another domain.
        const response = await fetch(request_url, {
            method: "POST",
            headers: {
                'Content-Type': 'application/json',
            },
            body: req.body
        }).catch((error) => {
            console.error('Error:', error);
        });

        const url_res = await response.json();

        console.log(url_res);

        res.status(response.status || 200).json(url_res);
        
    } catch (error) {
        console.error(error);
        res.status(error.status || 500).json({
            code: error.code,
            error: error.message
        });
    }
}

export default RegisterHandler


// front end form submittion
// folder compoments/register_form.js
const [registerErr, setRegisterErr] = useState(false);

const handleSubmit = async (e) => {
        e.preventDefault();

        const post_data = {
            "user_id": v4(),
            "topic": e.target.topic.value,
        };

        const register_response = await fetch("/api/register", {
            method: "POST",
            body: JSON.stringify(post_data)
        }).catch((error) => {
            console.error('API Register Error:', error);
        });

        console.log(register_response.status);
        let ws_res = await register_response.json();

        if (register_response.status == 200) {
            backToMain(ws_res.user_uuid);
        } else {
            setRegisterErr(true);
        }
}