Template Components & Setup Tutorials - Saving Files (Simple)

This page demonstrates the use of a cmponent to save a file to the server running the application. The component uses the Next.js API to upload the file to the server and then saves the file name to a database. There are however limitations to this approach in that Nextjs has strict limits on the sive of the file that can be upload (1MB). See the S3 Buckets tutorial for a more robust approach.

Simple File Upload Component

This component allows the user to upload a file to the server. The file is then saved to directory on the server and a record of the file is stored in the database for management.

Simple File List Component

This component shows a list of files that have been uploaded to the server. The list is populated from the database and filtered to only the files uploaded by the logged in user.