[Next.js]超簡単にInstagramの投稿画像一覧を作成


![「[Next.js]超簡単にInstagramの投稿画像一覧を作成」のアイキャッチ画像](/images/tmb/nextjs-react-instagram-authless-feed.jpg)

`cd`コマンドでnext.jsのプロジェクトフォルダまで移動し、以下のコマンドで`react-instagram-authless-feed`をインストール。

“`sh
yarn add react-instagram-authless-feed –dev
# OR
npm install react-instagram-authless-feed
“`

あとは`import Feed from “react-instagram-authless-feed”`でインポートして、``でリンク付きの画像が出力される。

##### index.js

“`js
import Feed from “react-instagram-authless-feed”
export default Build
function Build() {
return (

);
}
“`

##### 出力されるHTML

“`html

・
Camera : #FujifilmXT3
Lens : #XF35mmF14
Location : #新宿

#Fujifilm #Fujilove #XT3 #FujiXT3 #Japan #Shinjyuku #japan_photo #realstreet #trafficlights #Starbucks #Snap #StreetSnap #富士フィルム #写真好きな人と繋がりたい #ファインダー越しの私の世界 #カメラ好きな人と繋がりたい #スタバ #スターバックス #スターバックスコーヒー



コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です