SYNC-HP用のサンプル
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

před 2 roky
před 2 roky
před 2 roky
před 2 roky
před 2 roky
1234567891011121314151617181920212223242526272829303132
  1. import React, { FC } from "react";
  2. import { fetchGuitars } from "../lib/strapi";
  3. import { GetStaticProps } from "next";
  4. import { Guitar, GuitarResponse } from "../type/guitars";
  5. // ===========================
  6. // getStaticPropsのpropsに設定したデータを引数で受け取れる
  7. // ==========================
  8. const Ssg: FC<GuitarResponse> = ({ guitars }) => {
  9. return (
  10. <div>
  11. {guitars.map((guitar: Guitar) => {
  12. return <div key={guitar.id}>{guitar.attributes.name}</div>;
  13. })}
  14. </div>
  15. );
  16. };
  17. // ===============================
  18. // 静的サイト作成時にはgetStaticPropsの中で
  19. // 表示データを作成する
  20. // ===============================
  21. export const getStaticProps: GetStaticProps = async () => {
  22. const guitars = await fetchGuitars();
  23. return {
  24. props: {
  25. guitars,
  26. },
  27. };
  28. };
  29. export default Ssg;