A Blog full of Web Projects

5 projects tagged with "next-js"

  • Next.js 13 and MongoDB Membership System

    21-February-2026

    Full Stack Next.js Web application with TypeScript and JWT Authentication using MongoDB and Mongoose ODM serving as a Membership System

    Tech used for the Web Application

    • The Next.js Web App is hosted at Vercel Cloud using Serverless Functions
    • Node 22 at Vercel Cloud
    • Next Version 13
    • React 18
    • TypeScript
    • Joi for validation
    • Zustand for state management
    • MongoDB was the choice of NoSQL Document Database
    • Mongoose ODM ( Object Data Modeling ) used for NoSQL Document Database
    • The MongoDB is hosted at Mongo Atlas Cloud Platform

    Try the demo...

    The code at GitHub

    Next.js was used for creating this Full Stack Web application "Static Site Generator" SSG serving as a Membership System with login and registration towards a MongoDB. The Web App is secured by HTTPS and JWT Authentication.


  • Next.js 15 Web App with JWT Auth

    04-January-2026

    A Next.js Web Application with JWT Authentication hosted at Vercel

    Version used for this Web App

    • Node 22.11.0
    • Upgraded from Next 15.0.3 to 15.0.5 due to security
    • React 18.3.1

    Try the demo...

    The code at GitHub

    The Next.js framework being the "Static Site Generator" was used for creating this full stack web application serving as a login system by having a client using the API Routes of Next.js getting the data / User credentials from a JSON file. The web application is secured by HTTPS and JWT Authentication.

    This Next.js Jamstack Web Application is hosted at Vercel Cloud and uses continuous build and deployment


  • Next.js 15 Web App with Basic Auth

    04-January-2026

    A Next.js Web Application with Basic Authentication hosted a Netlify

    Version used for this Web App

    • Node 22.11.0 ( Note: Running Node 20 at Netlify for now )
    • Upgraded from Next 15.0.3 to 15.0.5 due to security
    • React 18.3.1

    Try the demo...

    The code at GitHub

    The Next.js framework being the "Static Site Generator" was used for creating this full stack web application serving as a login system by having a client using the API Routes of Next.js getting the data / User credentials from a JSON file. The web application is secured by HTTPS and Basic Authentication.

    This Next.js Jamstack Web Application is hosted at Netlify Cloud and uses continuous build and deployment


  • Next.js 14 and Python FastAPI Starter Web App hosted at Vercel Cloud

    19-April-2025

    Next.js 14 and Python FastAPI Starter hybrid Web App hosted at Vercel Cloud using Serverless Functions and implementing DevOps by GitHub + Vercel

    Try the demo...

    A Starter Next.js + FastAPI Web App with endpoints - secured by HTTPS

    CI / CD by VS Code + GitHub + Vercel Cloud

    The source code at GitHub
  • Next.js 12 - DevOps by GitHub Actions and Pages

    01-December-2024

    Next.js with TypeScript - DevOps by GitHub Actions and hosted at GitHub Pages

    Version used for this Web App

    • Node 20.18.1
    • Next 12.1.6
    • React 18.1.0

    Try the demo...

    The code at GitHub

    A Create Next App with TypeScript using GitHub Actions and Pages as DevOps. This Next.js Web App is one of the default starters with a lot of useful links for learning Next.js.


Software Developer - Per Olsen - Denmark