GitHub - coollabsio/coolify: An open-source & self-hostable Heroku / Netlify / Vercel alternative.
Coolify is an open-source & self-hostable alternative to Heroku / Netlify / Vercel / etc. It helps you to manage your servers, applications, databases on your own hardware, all you need is SSH connection. You can manage VPS, Bare Metal, Raspberry PI's anything. Imagine if you could have the ease of a cloud but with your own servers. That is Coolify. No vendor lock-in, which means that all the conf
本記事でやること Reactを使ったフロントエンド開発を、今時のサービスを使って簡単に効率よくできる方法を紹介します。 また、ポートフォリオの設計に関してや実装から得られたナレッジ、知っておいたほうがいい実装方法を紹介します。 私のポートフォリオはNetlifyのサーバーに上げているので、実際の挙動などは https://ykonishi.tokyo から確認できます。 ちなみにポートフォリオのソースコードはGitHubにも上げているので、こちらも見ていただけたらと思います。 Yuichi Konishiポートフォリオサイトのソースコード Reactとは 最近はよくSPA（Single Page Application）という言葉をよく耳にしますが、そのSPAの一つがReactです。 特徴としては、データバインディング、仮想DOM、Componentの3つがあります。 詳細については各リン
How Smashing Magazine Manages Content: Migration From WordPress To JAMstack
WordPress adoption is massive. So why would a WordPress site consider moving to JAMstack? In this technical case study, we’ll cover what an actual WordPress migration looks like, using Smashing Magazine itself! We’ll talk through the gains and losses, the things we wish we knew earlier, and what we were surprised by. This article has been kindly supported by our dear friends at Netlify, an all-in-
Try the new Essential Next.js plugin, now with auto-install!
Excited about the future of the web and AI? Check out the discussions from our latest event. Watch now! Close announcement bar
Each year we watch with interest as the Jamstack tooling landscape continues to evolve. Right at the heart of this is the library or framework responsible for turning templates, content, and data into a deployable site or application. Dubbed "static site generators", some of these tools now go far further than their ancestors by delivering ever more rich developer workflows and integrations. At th
いい方法が思いつかなくて、Netlifyチームに「ぶっちゃけどうやるのがいいの？」って聞いてみた。 今回のサンプル 特に意味はないですが、Gatsbyあんまり触ってないのであえて使ってみます。 GitHubのリポジトリと […] 今回のサンプル 特に意味はないですが、Gatsbyあんまり触ってないのであえて使ってみます。 $ npx gatsby new netlify-cli-test $ cd netlify-cli-test $ git init $ git add ./ $ git commit -m "init" $ git remote add origin <YOUR_GITHUB_REPO> $ git push origin master GitHubのリポジトリとの関連付けまでこれですみました。 Netlifyと連携する とりあえずサイトをそのままデプロイしてみましょう
お疲れさまです。POTTIRIです。 ダイエットですが、体重が一向に減りません。 3ヶ月ぐらい停滞してるんじゃないかなー。 まあでも、身体の方が引き締まってきてるのでいいのかな。 さて、僕が作った爆弾パズルですが、 ブログなどに埋め込めるように作ってます。 今日はその話をします。 今日のステージ 爆弾パズルははてなブログに埋め込めます 何かを組み合わせることしかできない 外側のサイトをゼロから用意したのはセキュリティの問題 今日のステージ 今日はこちらです。 敵を動かせるようになったのをいいことに、 タイミングを測らないとクリアできない面を作りました。 最初は？？？と思うかもしれませんが、敵が一直線に並ぶ瞬間がある！ というつもりで作ったのですがいかがでしょう。 他の面はこちらにあるので、万が一興味を持たれたらサイトを訪れてください。 blast.pottiri.tech 爆弾パズルははて
概要 今回は、Reactベースの静的サイトジェネレータのGatsbyと、サイトを公開するためのNetlifyを利用して、爆速でWebアプリケーションをデプロイする方法について書きます。 ※ブログはテンプレートのままでデプロイしています。 プロジェクトの作成 Gatsbyはテンプレートを選んでプロジェクトを作成することができます。 今回はNetlifyのテンプレートがあるため、そちらを利用していきます。 それ以外のテンプレートはこちらから探すことができます。
netlify-lambda で puppeteer を起動する
ローカル環境で netlify lambda のエミュレータを動かす - mizdev を読んでることが前提 tldr netlify-lambda は aws lambda なので、AWS 用にビルドされた chrome が使える ローカル開発環境では素の puppeteer にフォールバックする コード yarn add puppeteer chrome-aws-lambda webpack.config.js の externals でビルドしないように指定。 // webpack.config.js externals: { puppeteer: "puppeteer", "chrome-aws-lambda": "chrome-aws-lambda", lambdafs: "lambdafs", }, (functions/api.js にビルドしていたのを functions/
Netlify Forms
Excited about the future of the web and AI? Check out the discussions from our latest event. Watch now! Close announcement bar
公開日2019-10-28タグNetlifyヤッホー久しぶり！ もうね、Netlify のなんと便利なことか。プルリクのブランチをサブドメインにデプロイしてくれるのが最高すぎる。知ってた人もっと早く教えて欲しかった。もはや受託魔族の確認サーバーは全て Netlify でもいいくらいだ。みんなも Netlify 使お。 2019 年も残すところ 62 日を切ってるというわけで、dskd もスッと Netlify デプロイに移行した。これまではどうしていたかと言うと、ヘテムルのレンタルサーバーに SSH ログインし、サーバー上でブログのリポジトリを git clone しておき、GitHub の WebHook でリポジトリへの push をフックして git pull させていた。 ブログ本体は GitHub に、WebHook の設定画面も GitHub に、フックを飛ばして git pu
趣味をアウトプットするためにブログをはじめようと思い立ちまして、 せっかくなので最近勉強中のNuxt.jsを使用してブログを作成してみました！ 記事表示までの手順をまとめてみたので、参考にしていただければと思います！ <前編>ではNuxtプロジェクトの作成からContentfulのセットアップまで、 <後編>では記事の作成、Nuxtでの表示、Netlifyへのデプロイまでの手順をまとめてあります。 なお、この記事はこちらの動画を大いに参考にしています。 併せて参考にしていただければと思います。 Nuxtプロジェクトの作成 前提条件として、nuxtはインストール済みとします。 $ npx create-nuxt-app <project-name> nuxtで新しくプロジェクトを作成します。 設定はすべて初期設定のままです。 次に必要な物をインストールします。 $ cd <project-n
Netlifyは遅い / Yuuniworks Blog
Firebase と Github pages で悩みましたが、下記の理由から今回は github pages を利用することにしました。 スループットやレイテンシにほぼ差がないこと デプロイの手間はどちらでもさして変わらかったこと(github actions 利用) 無料枠が github pages のほうが大きいこと ちなみに、github actions は以下のようにしています。 name: MyActions on: [push] jobs: deploy-to-github-pages: runs-on: ubuntu-latest steps: # CD環境にコードをチェックアウト - uses: actions/checkout@master # Node.js環境のセットアップ - uses: actions/setup-node@master with: node-
netlify は雑に作り捨ての作例を置いておくのに便利でよく使っている。このブログも netlify にドメインを設定して動かしている。 そして、あんまり知られていないが、netlify には aws lambda が使えて、これは月当たり 12.5 万回ほどの無料枠がある。で、これをローカルで動かすための netilfy-lambda がある。 これがカジュアルに使えたら便利だと思って、一度素振りしておくことにした。 netlify-lambda の問題 netlify-lambda を使ってみたところ、本当に出来が悪い。ランナーとして、というより、開発用の環境設定の読み取りに謎の処理が多く、勝手にルート要素の webpack.config.js を読み取って自分用の webpack.config.js を生成して勝手に失敗したり、本番では /.netlify/functions/<h
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React + Netlify + microCMSを使ってイケてるポートフォリオを作った - Qiita
https://cloudlance-motio.work/post/netlify-cms-setting/
Top 10 Static Site Generators (SSGs) 2021
Netlify と Circle CIでのReact SPAのCI / CD | WP-kyoto
作ったゲームはブログに埋め込む - POTTIRI'S AUTOBIOGRAPHY
GatsbyとNetlifyを用いて爆速でブログの公開 - Qiita
https://cloudlance-motio.work/post/hugo-uber-blog/
カスタムドメインのサブドメインにNetlifyでデプロイする - dskd
Nuxt + Contentful + Netlifyでブログ作成全手順<前編>
ローカル環境で netlify lambda のエミュレータを動かす