Jumpstart Your Static Web Apps Learning Journey with #30Days Of Content and Activities

Overview

30DaysOfSWA - A Learning Journey

Deploy to GitHub Pages

pages-build-deployment

Welcome to #30DaysOfSWA - a project to give beginners and experienced developers a tour of Azure Static Web Apps from core concepts to usage examples, developer tools and best practices.

30DaysOfSWA Logo

Visit our Website to view the content and learn more about the contributors and objectives for this project.


Look Under The Hood to see how the site was built with Docusaurus.

Comments
  • Simple Library Management

    Simple Library Management

    Requirements

    • Submission ("resource") must have a title, active link and description
    • You must be an author or someone authorized to submit the resource for consideration
    • Submission must be related to Azure Static Web Apps and related technologies
    • Submission adheres to Code of Conduct (no offensive language, non-inclusive narratives)
    • Submission resource can be an article, a project (repo), or an event (meetup or conference)

    Process

    • Fill in the sections below and submit the issue
    • Track issue to know when it gets scheduled - might not always be in the next roundup

    Resource Title

    Simple Library Management

    Resource Link

    Repository: Simple Library Management Website: Online Library

    Resource Description

    A simple library management project that is easy to use and helps learners understand the basic concept of JS. You will learn how to implement add, remove/delete, search, and save functionalities & how to deploy, or publish, your website to Azure so that you can show it off to your friends.

    Submitter Name and Github Profile

    Muhammad Samiullah (Microsoft Learn Student Ambassador) GitHub profile: samipak458

    (Optional) Your Twitter profile

    Twitter profile: samipak458

    (Optional) Expiry Date

    N/A

    ThisMonthIn - Community roundup-current 
    opened by samipak458 5
  • Split playwright workflows into 2

    Split playwright workflows into 2

    Split the playwright workflow into 2 separate workflows, one that runs on demand and the other that runs every night. Also updating reporter in playwright config file to store html and json reports in pw-report folder (and turned trace on).

    opened by HannahZhuSWE 4
  • Create Playwright test harness

    Create Playwright test harness

    Created a playwright test harness and 2 github actions that runs the tests on push and pull requests to the main branch and at midnight. Tests can be run with npm run playwright_test.

    opened by HannahZhuSWE 4
  • https://staticwebdev.github.io/30DaysOfSWA/# does not work

    https://staticwebdev.github.io/30DaysOfSWA/# does not work

    when following the link https://staticwebdev.github.io/30DaysOfSWA/#

    the site gives error Your Docusaurus site did not load properly.

    And some of the links on the page does not work (this might be due to docusaurus?)

    P3-cosmetic 
    opened by oesolberg 3
  • Add September 2022 roundup

    Add September 2022 roundup

    Fills in the September roundup.

    Primary focus on students, highlighting the current SWA bug bash to see if we can encourage more students to participate.

    opened by saragibby 2
  • Add student links to August roundup

    Add student links to August roundup

    What

    • Additional call out to Septermber roundup section to appeal to students.
    • Added Developer resource link from Academic Cloud Advocate
    • Added Community resource link from professor in Hong Kong
    • Added some additional spacing bewtween sections
    opened by saragibby 1
  • This Month In: Community

    This Month In: Community

    Please submit this issue only if YOU are the author (or one of the authors) on the associated article or code sample AND/OR have the authority to give us permission to share that resource in our roundup.

    Article Title

    SWA in Python (Should be the same as in the original blog post)

    Article Link

    (Working link to where the canonical post lives)

    Article Tags

    3-5 topics tags that best reflect your project.

    • Pick 1 tag for the coding language used
    • Pick 1 or more tags to identify technologies or frameworks used
    • Look at GitHub Topics for examples of valid tags

    Your Name and GitHub profile

    (used to provide attribution)

    (Optional) Your Twitter profile

    (if specified, we may tag you in any tweets that highlight your project in Showcase)

    (Optional) Anything else we need to know

    (use this to provide any information to help us in evaluating the submission for Showcase)

    Blog Post Author

    (Your name and GitHub profile link for attribution)

    ThisMonthIn - Community 
    opened by nitya 1
  • Add Google Analytics Plugin

    Add Google Analytics Plugin

    Explore analytics support and usage

    Note: Analytics/Tag support is built into preset-classic theme - no need to install plugin, just configure it. (See Issue 7221 on docusaurus repo for updates on support for Google Analytics 4 now that UA is being sunsetted)

    P4-other 
    opened by nitya 1
  • Integrate SiteMap Plugin

    Integrate SiteMap Plugin

    See: https://docusaurus.io/docs/api/plugins/@docusaurus/plugin-sitemap

    Note: Classic theme has this plugin in presets, so no need to add plugin again - just configure it

    1. Will improve SEO
    2. Can be useful for running tests for validating links later
    P2-functional 
    opened by nitya 0
  • Playwright Test Actions: Re-enable when valid

    Playwright Test Actions: Re-enable when valid

    Playwright test actions are tied to a nightly-builds testing project (summer intern). Currently pausing the workflows since they are erroring out on access issues Re-enable when the project goes public (access restrictions fixed)

    bug P2-functional 
    opened by nitya 0
  • Improve metadata (e.g., for SEO, Twitter cards)

    Improve metadata (e.g., for SEO, Twitter cards)

    Test with Twitter validator: https://cards-dev.twitter.com/validator?ref=tiny-helpers

    Customize metadata: https://docusaurus.io/docs/markdown-features/head-metadata#customizing-head-metadata

    P2-functional 
    opened by nitya 0
  • Remove localization tags from links

    Remove localization tags from links

    Example: Link currently contains "en-us" fixing locale to US-English. Remove the localization tag to default so it gets customized on client side to reflect locale preference

    good first issue P3-cosmetic 
    opened by nitya 0
All in one is a CLI to make your journey in web development less painful (it makes your life way easier).

All In One CLI (Aio) The Ultimate CLI for all your needs in web development. Description This is a CLI that has all the commands you need to do anythi

Я♡M...∞ 17 Sep 25, 2022
A simple app that helps a user monitor daily activities by adding, storing and deleting activities.Built with HTML,CSS and JavaScript

To-do-list A simple list app that allows a user to add and remove tasks. Built With HTML CSS JS Webpack Live Demo Click To-do-list to see the page. Ge

Catherine K 7 Apr 8, 2022
Remix enables you to build fantastic user experiences for the web and feel happy with the code that got you there. Get a jumpstart on Remix with this workshop.

?? Remix Fundamentals Build Better websites with Remix Remix enables you to build fantastic user experiences for the web and feel happy with the code

Frontend Masters 204 Dec 25, 2022
Chat app using Azure Web PubSub, Static Web Apps and other Azure services

Chatr - Azure Web PubSub Sample App This is a demonstration & sample application designed to be a simple multi-user web based chat system. It provides

Ben Coleman 55 Dec 31, 2022
Gofiber with NextJS Static HTML is a small Go program to showcase for bundling a static HTML export of a Next.js app

Gofiber and NextJS Static HTML Gofiber with NextJS Static HTML is a small Go program to showcase for bundling a static HTML export of a Next.js app. R

Mai 1 Jan 22, 2022
Live demo using Angular, github.dev, codespaces, copilot, azure static web apps, and devcontainers

One More Change! @ NgConf 2022 This is a quick project template for demoing github.dev, Codespaces, Copilot, Azure Static Web Apps, and Visual Studio

John Papa 14 Dec 15, 2022
Live demo using Angular, github.dev, codespaces, copilot, azure static web apps, and devcontainers

Cloud Computing with Codespaces First seen in the presentation One More Change! @ NgConf 2022 This is a quick project template for demoing github.dev,

John Papa 9 Sep 13, 2022
Vamos a realizar un juego muy sencillo en TypeScript, posteriormente lo vamos a desplegar en Microsoft Azure con Servicio de Azure Static Web Apps.

Taller TypeScript Descripción Vamos a realizar un juego muy sencillo en TypeScript, posteriormente lo vamos a desplegar en Microsoft Azure con Servici

Manuel Ortiz 7 Oct 10, 2022
A curated collection of resources for learning to build Progressive Web Apps 💪

PWA Resources A curated collection of resources for learning to build Progressive Web Apps ?? Curated and maintained with ♥ by the folks at Shareup. W

Shareup 30 Aug 31, 2022
Update & Revalidate Content from a Headless CMS in Next.js with Incremental Static Regeneration

Update & Revalidate Content from a Headless CMS in Next.js with Incremental Static Regeneration Demo for tutorial How to Update & Revalidate Content f

Colby Fayock 4 Jul 22, 2022
A simple project to keep track of your activities. It allows basic CRUD operations to organize your to do list.

todo-list A simple project to keep track of todo list. Built With HTML CSS Javascript Webpack Live Demo You can checkout the live version here Getting

Abdelmejid Oumer Ali 9 Jul 20, 2022
A progressive web app to help volunteers track their volunteering activities, register vet concerns and log incident reports.

POOPS - Pets of Older Persons 2022 Introduction This is a Next.js project bootstrapped with create-next-app. Getting Started First, install yarn: npm

Coders for Causes 17 Jan 3, 2023
The website which can help you to organize your daily or weekly activities and review them when you need them. you can add, remove and delete an activity

To Do list To do project is webpack project that list activities someone can do at a specific time In this TO-DO list, you can add or remove you activ

Joffrey NKESHIMANA 5 Jul 21, 2022
Node web app for synchronizing activities from Strava to kilometrikisa.

Strava2kilometrikisa-2 A fork from the original Strava2Kilometrikisa app. Goal is to modernize the code and port the project to Typescript. An applica

Tuomas Salmi 3 Apr 28, 2022
This app was build to store your activities through the day, using HTML, CSS and JavaScript all working with Webpack.

to-do-list In this project i create a To Do List using webpack. This project allows user to add, remove and mark as complete tasks. Built With HTML CS

null 5 May 9, 2022
📝 Application to help you focus on your daily activities.

INFOCUS-API Focus on your tasks! ?? ?? Topics: about the project methodology and design libs and tools authors ?? About the Project: ?? Infocus: Is a

Marcos Guilherme Goulart Moraes Campos 2 Nov 1, 2022
Powerful interactive, editable to Do list. keep track of your activities

Project Name To do List Built With HTML CSS webpack Live Demo Live Demo Link Getting Started To get a local copy up and running follow these simple ex

Federico Luna 8 Sep 2, 2022
Clinton Mbonu 20 Jun 30, 2022