Module: Application Design (Nextjs), Part 2

Explore three simple templates for multi-user, multi-role, interactive web applications using Nextjs, PostgreSQL, React, Bootstrap 5, VSCode, and GitHub.

Learning Outcomes

Design using Nextjs Framework

You understand basic principles of Nextjs: collections, publications, reactive variables.
You can develop basic CRUD applications quickly and effectively.
You can implement authentication and authorization.
You can use extensions and templates: Bootstrap 5, App Router, nextjs-application-template-react.

Readings

nextjs-application-template

Template for quickly starting Nextjs development projects.

Screencasts 5 min 15 min 23 min 25 min 10 min

nextjs-example-form

Illustrates simple form processing with React and React Hook Form

Screencast 35 min

Bowfolios

Illustrates a simple, final project style web application

Screencasts 5 min 14 min 22 min 20 min

Experiential Learning

E48A: nextjs-application-template

Install nextjs-application-template, play around with it.

Section 4: 24 Oct 11:00 PM Sections 1,2,5: 25 Oct 11:00 PM

E48B: nextjs-example-form

Understand how to create forms in Nextjs and React.

Section 4: 26 Oct 11:00 PM Sections 1,2,5: 27 Oct 11:00 PM

E48C: Bowfolios

Understand the Bowfolios example application.

Section 4: 28 Oct 11:00 PM Sections 1,2,5: 29 Oct 11:00 PM