Total Pageviews

Thursday, 31 October 2024

free static hosting

 Azure Static Web apps have a free tier. Just point it to your GitHub repo and CD is set up.

https://statically.io/ ,With Statically, you can optimize your open-source project, and it will load faster. Statically has a CDN for your static assets, so your open source project will load even faster! Statically uses 3 CDN providers to determine the fastest server near you. It’s time to make your open-source project shine on the web!

你可以在 Render 部署你的static web app。

  1. 创建一个 Render 账号

  2. 控制台 页面点击 New 按钮并选择 Static Site

  3. 链接你的 GitHub/GitLab 账号或使用一个公共仓库

  4. 指定一个项目名称和所用分支

    • 构建命令npm install && npm run build
    • 发布目录dist
  5. 点击 Create Static Site

    你的应用将会被部署在 https://<PROJECTNAME>.onrender.com/

默认情况下,推送到该指定分支的任何新的 commit 都会自动触发一个新的部署Auto-Deploy 可以在项目设置中部署。

还可以为项目添加一个 自定义域名


https://about.gitlab.com/stages-devops-lifecycle/pages/ ,The extra benefit here is that you can have unlimited private repositories for free if you choose GitLab.com. Moreover, GitLab offers an excellent CI system for free. Which can be accustomed automatically to build almost any reasonably static site generator.

https://www.back4app.com/docs-containers/run-a-static-website-on-containers,要求:

"A Dockerfile is mandatory for deploying your applications, please ensure it's included in your repo.”

 Back4app is a cloud platform with robust features for application development. Although more known for its backend services, Back4app also provides static web hosting. With Back4app, developers can leverage GraphQL and REST APIs, real-time updates, and database tools alongside their static website. Back4app emphasizes scalability, flexibility, and ease of use, making it a strong choice for comprehensive web solutions.

https://github.com/1backend/1backend 

(https://1backend.com/docs/running-the-server/locally/ ,

https://1backend.com/docs/running-the-server/docker-compose/)

https://github.com/iron-io/functions  (https://open.iron.io/)

Stormkit.io is explicitly designed for JavaScript applications. It integrates well with Git providers, enables server-side rendering, and offers automatic scaling. If you’re developing with JavaScript (React, Vue, Svelte, etc.) and want to deploy quickly, Stormkit.io could be an excellent choice.  有"Free plan. Unlimited usage"

---------------------

https://cn.vitejs.dev/guide/static-deploy

https://vite.dev/guide/static-deploy.html 

https://cli.vuejs.org/guide/deployment.html

https://briteming.blogspot.com/2024/10/vite.html

https://xmit.dev/posts/end-to-end/

------------------------------------------------

A collection of awesome static hosting & CMS providers .

Awesome Static Hosting and CMS

A collection of awesome static hosting providers, content management systems, and curated articles.

Inspiration

Most importantly, this list wouldn't exist without the excellent work that's been done to create the Awesome Static Website Services list. Adam has curated some of the best resources, across a wide range, to help people develop their sites.

We don't want to repeat that content, go read the original!

Content Management Systems (CMS)

Useful Articles

Free hosting

from https://github.com/b-long/awesome-static-hosting-and-cms 

-----

https://nextjs.org/docs/pages/building-your-application/deploying#static-html-export

https://nextjs.org/docs/app/building-your-application/deploying/static-exports#unsupported-features

-----------

We have community maintained deployment examples with the following providers:

  • DigitalOcean
  • Flightcontrol
  • Fly.io
  • GitHub Pages
  • Google Cloud Run
  • Railway
  • Render
  • SST
  • ----------------------------

    If you are using a static host like Nginx, you can configure rewrites from incoming requests to the correct files:

    nginx.conf
    server {
      listen 80;
      server_name acme.com;
     
      root /var/www/out;
     
      location / {
          try_files $uri $uri.html $uri/ =404;
      }
     
      # This is necessary when `trailingSlash: false`.
      # You can omit this when `trailingSlash: true`.
      location /blog/ {
          rewrite ^/blog/(.*)$ /blog/$1.html break;
      }
     
      error_page 404 /404.html;
      location = /404.html {
          internal;
      }
    }



    No comments:

    Post a Comment