Learning to create environment for full stack serverless development using React and API (FARM)

Overview
page_type languages products description urlFragment
sample
javascript
typescript
azure functions
Apps that can be used with as a starting point for some MS Learn Modules.

Official Microsoft Sample

Follow the hands-on tutorial to publish an Angular, React, Svelte, or Vue JavaScript app and API with Azure Static Web Apps.

Static Web App

This repository contains apps that can be used with as a starting point for some MS Learn Modules. Because everyone has their own preference for their JavaScript frameworks/library, you can choose which one you prefer.

The shopping theme is used throughout the app.

Pre-Reqs

Contents

The apps written in the following JavaScript frameworks/libraries:

folder Description
angular-app Sample Angular app
api-starter Sample Azure Functions app
react-app Sample React app
svelte-app Sample Svelte app
vue-app Sample Vue app

Prerequisites

Problems or Suggestions

Open an issue here

Resources

Azure Static Web Apps

Azure Functions

Visual Studio Code

Debugging Resources

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.opensource.microsoft.com.

When you submit a pull request, a CLA bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

You might also like...
Full-stack React app built with Typescript, Bootstrap, Apollo client on the frontend, and NodeJS/Express, Typescript, Apollo server, and MongoDB/mongoose on the backend.

Event Scheduler App This project was bootstrapped with Create React App. Event Scheduler is a React app that allows users to create events. An event c

A TypeScript version of the Nextacular project. An open-source starter kit that will help you build full-stack multi-tenant SaaS platforms efficiently and help you focus on developing your core SaaS features. Built on top of popular and modern t…
A TypeScript version of the Nextacular project. An open-source starter kit that will help you build full-stack multi-tenant SaaS platforms efficiently and help you focus on developing your core SaaS features. Built on top of popular and modern t…

Nextacular 🌙 - TypeScript ‼️ Experimental and In Progress - 🚨 Use with caution Quickly launch multi-tenant SaaS applications An open-source starter

Full Stack boilerplate with JWT Authentication - Built with React, Typescript, Node, Express, GraphQL, PostgreSQL, Redis, and Webpack
Full Stack boilerplate with JWT Authentication - Built with React, Typescript, Node, Express, GraphQL, PostgreSQL, Redis, and Webpack

Full Stack boilerplate with JWT Authentication - Built with React, Typescript, Node, Express, GraphQL, PostgreSQL, Redis, and Webpack

GraphQL first full-stack starter kit with Node, React. Powered by TypeScript
GraphQL first full-stack starter kit with Node, React. Powered by TypeScript

GraphQL first full-stack starter kit with Node, React. Powered by TypeScript

updated frontend template for full stack evm-based dapps. tools: typescript, hardhat, ethers, solidity, react

updated frontend template for full stack evm-based dapps. tools: typescript, hardhat, ethers, solidity, react

Test-task-fullstack-dashboard - Full-stack dashboard App With React.js
Test-task-fullstack-dashboard - Full-stack dashboard App With React.js

Test Task: Full-stack dashboard app Link to task Link to Figma template Live Dem

This a full MERN stack ecommerce website for tool rentals.
This a full MERN stack ecommerce website for tool rentals.

Alamo Tools Table of Contents Description Installation Contributing Technologies Questions Description This a full stack ecommerce website for tool re

Your One-Stop solution for a full-stack universal Redux App!
Your One-Stop solution for a full-stack universal Redux App!

reactGo 한글 공식문서 Your One-Stop solution for a full-stack app with ES6/ES2015 React.js featuring universal Redux, Redux Thunk, React Router, Hot reloadi

This is a fully functional google search engine book it was created with Restful API and i refactored it to the GraphQL built with Apollo server with the use of the MERN stack with react front end MongoDB database, Node.js, Express and API
Owner
Balakumar
Techie having interests in the area of Edge analytics IOT & Data science.
Balakumar
Buzzer Full Stack Development Assessment uses React and NodeJS to mimic social media functions

Buzzer-Full-Stack-Development-Assessment This project is a coding challange prov

null 2 Jan 16, 2022
An ongoing curated list of frameworks, books, articles, talks, screencasts, recordings, libraries, learning tutorials and resources about React Native Framework Development.

React Native Development Welcome to React Native. An ongoing curated list of frameworks, books, articles, talks, screencasts, recordings, libraries, l

Paul Veillard 3 Feb 1, 2022
In this React JS course, create-react-app was used to create the project using typescript as the standard language for development

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Jeferson Carvalho 2 Jul 1, 2022
Boilerplate app for full-stack MERN app with Create React App client toolchain. Uses JWT for auth.

Boilerplate app for full-stack MERN app with Create React App client tool chain. Includes React, JWT authentication, Mongoose/MongoDB, Apollo Server/Client, and ExpressJS.

John Desrosiers 5 Feb 2, 2022
Small boilerplate project for building React apps with Serverless functions

Serverless + React Stack A simple, containerized project for quickly starting with Serverless and React. The goal of this project is to containerize d

Kent Safranski 2 Feb 8, 2022
A web application for learning about your local politicians built with a React and Next.js front-end, an Express Node.js GraphQL backend API

Integra is a web application for learning about your local politicians. It is built with a React and Next.js front-end, an Express Node.js GraphQL backend API, and a MongoDB database with a Prisma schema.

Jeremy Nguyen 8 Sep 11, 2022
An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend.

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend. All packages are structured as Yarn Workspaces and written in Typescript. In addition, the web application can be built as Docker image using a multi stage built supported Dockerfile.

null 22 Sep 18, 2022
Very simple full-stack application using React, Java Spring Boot, and PostgreSQL.

Very simple full-stack application using React, Java Spring Boot, and PostgreSQL. The API was built following the N-Tier architecture. The goal was to explore and learn more in-depth the development of APIs, the use of Docker and deploying with AWS.

Diego Quintela 0 Apr 23, 2022
Full Stack tutorial using ReactJS, NodeJS, Express and MySQL

Run this project If you want to try the finished project: Go to Start with MySQL to create the database Download the project Go to the client folder a

Carlos Puente 1 Apr 15, 2022
A full stack NFT marketplace built using react

Demo NFT Marketplace Goals: Concise code Well typed Modern react code using hook

Beau 18 Oct 21, 2022