https://github.com/florianrappl/typescript-fullstack-sample

A sample repository to demonstrate creating a full stack web app using TypeScript with Node.js and React.
https://github.com/florianrappl/typescript-fullstack-sample

fullstack hooks react sample tutorial typescript webpack

Last synced: 13 days ago
JSON representation

A sample repository to demonstrate creating a full stack web app using TypeScript with Node.js and React.

• Host: GitHub
• URL: https://github.com/florianrappl/typescript-fullstack-sample
• Owner: FlorianRappl
• License: mit
• Created: 2019-12-17T09:47:23.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-02T09:20:04.000Z (over 1 year ago)
• Last Synced: 2024-10-04T16:54:54.877Z (about 1 month ago)
• Topics: fullstack, hooks, react, sample, tutorial, typescript, webpack
• Language: TypeScript
• Homepage:
• Size: 1.15 MB
• Stars: 11
• Watchers: 3
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# typescript-fullstack-sample

A sample project to demonstrate creating a full stack web app using TypeScript with Node.js and React.

## Prerequisites

You'll need a working terminal and Node.js installed. From there on after cloning just run `npm i` to install all dependenies in the project's folder.

Building is done via `npm run build`. After that you can just run `npm start` to get going. A dev server should be up and running at http://localhost:3000.

## What's covered?

- Client-side and Server-side rendering

- Global state container

- Hydration

- Building

## What's covered somewhere else?

I've recreated this whole sample also in Azure DevOps including CI/CD and a multi-project setup.

You'll find the link to the sample project below:

:rocket: https://florianrappl.visualstudio.com/typescript-fullstack-sample

## What's not covered?

For the purpose of keeping the sample as minimal / down to the point as possible the following topics have been excluded:

- Watching / live development

- Advanced debugging

- Styling

- Anything with Redux

Getting these to run is actually not much of a problem, however, would significantly increase (reading) complexity.