2020年初頭における Next.js をベースとしたフロントエンドの環境構築 - Qiita
アップデート版の記事を以下に用意しています。 2020年師走における Next.js をベースとしたフロントエンドの環境構築 さて、今年に入って既に２ヶ月が経ちました。ということは３月に突入しているってことで、それは僕が東京で働き初めて２年が過ぎ去り、SPA なフロントエンドの環境をプロジェクトとして初めて構築して１年あまりということです。そして、冬も過ぎ去り春が来ようかというようなこの時期に、小さくはあるけれど新たな挑戦として Next.js を使うことになりました。 こんな記事を読んでいる方なら分かるとは思いますが、Next.js とは JavaScript のライブラリである React のフレームワーク です。Next.js といえば、同くフレームワークである Gatsby になんとなく押され気味なイメージを感じていましたが、v9 以降のアップデートがよい感じで、さらにごく最近の
Server-Side Rendered Real-time Web App with Next.js, AWS Amplify & GraphQL
Server-Side Rendered Real-time Web App with Next.js, AWS Amplify & GraphQL In this blog post we will go through building a server-rendered realtime collaborative todo list app with Next.js and AWS Amplify. You can check out the final code here and a demo here. Introduction Creating our app skeleton Adding offline functionality Preparing the Graqhql Schema for Amplify GraphQL Transform Setting up A
nextjsのルーティングまとめ - Qiita
はじめに nextjsのroutingのREADMEに書いてあることをベースに遷移先のgetInitialPropsで取得できる内容をまとめてます 遷移後のページでは以下のコードでpath情報周りを取得してます import React from 'react'; export default class extends React.Component { static async getInitialProps({ pathname, query, asPath }) { return { pathname, query, asPath }; } render() { return ( <ul> <li>pathname: {this.props.pathname}</li> <li>query: {JSON.stringify(this.props.query)}</li> <li>a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
<btn open />
