AWS

【AWS】AWS Amplifyでデプロイする

作成日：2021年12月12日

更新日：2021年12月12日

前回は、AWS Amplify で認証を追加しました。

【AWS】AWS Amplifyで認証を追加する

今回は、開発したプロジェクトを AWS Amplify でデプロイします。

ホーム画面に読書リストが来るよう、開発していたプロジェクトを修正します。

また、Signin や Signup も AWS でするようになったので、削除します。

App.tsx

tsx
import React from "react";
import { Route, Switch } from "react-router-dom";
import { withAuthenticator } from "@aws-amplify/ui-react";
import "@aws-amplify/ui-react/styles.css";

import "./App.css";
import Dashboard from "./layout/Dashboard";
import Account from "./pages/Account";
import Book from "./pages/Book";
import BookDetail from "./pages/BookDetail";
import Signin from "./pages/Signin";
import Signup from "./pages/Signup";

function App() {
  return (
    <div className="App">
      <Switch>
        <Route exact path="/">
          <Dashboard>
            <Book />
          </Dashboard>
        </Route>
        <Route path="/book/:id">
          <Dashboard>
            <BookDetail />
          </Dashboard>
        </Route>
        <Route path="/account">
          <Dashboard>
            <Account />
          </Dashboard>
        </Route>
      </Switch>
    </div>
  );
}

export default withAuthenticator(App);