Code Monkey home page Code Monkey logo

redstone-ray.github.io's Introduction

atomicneko template

This repository is the repository of my homepage (https://futa.moe/amphineko/) that can be used as a template.

Visit https://amphineko.github.io/reactiveneko/ for a live deployment of the master branch.

Also, a nightly build is available at https://reactiveneko.vercel.app/.

!!! ATTENTION !!!

This branch is still in development. I'm currently working on moving to next.js and React.

In the future, it will support dynamic server-side contents. The main goal is to fetch some stats of linked accounts, which are not fetch-able from the browser due to CORS issues.

See https://atomicneko-next.vercel.app/ for the latest build of this branch.

Getting Started

Indeed, you should inspect pages/index.tsx to change the content of the page before deploying.

To start a local development server, run yarn to install dependencies, and yarn dev to start the development server.

The server should be available at http://localhost:3000.

Deploying

There are multiple ways to deploy this project.

Please see https://nextjs.org/docs/deployment for more information.

Alternatively, a statically generated version of this project can be exported using yarn export.

FAQs

Dynamic Steam profile name doesn't work

You should update STEAM_PERSONA_NAME_URL in the .env file, to use your own Steam API key and Steam ID.

Please notice that you should configure your Steam API key to return your own domain name for CORS requests.

Instead of hard-coding your Steam API into the website, you can deploy your own API proxy using steam-api-proxy.

Alternatively, you can use a proxy server to handle the CORS requests.

Or you can display a static name in the page, like how the osu! profile name is displayed.

Roadmap

  • Migrate to React and next.js
  • Add dynamically fetched usernames
  • Add static site generation (blocked by next/image unsupported by next export)

redstone-ray.github.io's People

Contributors

amphineko avatar redstone-ray avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.