Giter Club home page Giter Club logo

blazorpocketapp's Introduction

BlazorPocket

Build Docker Image CI build and deploy GitHub Pages

BlazorPocket is a lightweight web application template that leverages the latest .NET 8.0 Blazor Web App with InteractiveAuto render mode and PocketBase for backend data storage. This project aims to streamline the development process, minimize repetitive coding, and provide a quick start for building efficient web applications.

Features

  • Blazor Web App with .NET 8.0: Utilizes the latest features and improvements in .NET 8.0 Blazor.
  • InteractiveAuto Render Mode: Offers enhanced interactivity and responsiveness.
  • PocketBase Integration: Simple and efficient data storage solution with PocketBase.
  • Quick Setup: Pre-configured to reduce setup time and repetitive coding.

Getting Started

Demo

docker compose file

version: '3.8'
services:
  blazorpocketapp:
    image: blazordevlab/blazorpocketapp:0.0.6-pre.73720a4
    environment:
      - UseInMemoryDatabase=false
      - ASPNETCORE_ENVIRONMENT=Development
      - ASPNETCORE_URLS=http://+:80;https://+:443
      - ASPNETCORE_HTTP_PORTS=80
      - ASPNETCORE_HTTPS_PORTS=443
      - AppSetting__AppName='${AppName}'
      - AppSetting__Version='${Version}'
      - AppSetting__ProcketbaseUrl='${ProcketbaseUrl}'   
    ports:
      - "8023:80"
      - "8024:443"
  pocketbase:
    image: blazordevlab/blazorpocketbase:0.0.5
    ports:
      - "8025:8080"
    volumes:
      - pocketbase_data:/pb/pb_data 
volumes:
  pocketbase_data:

Prerequisites

Installation

  1. Clone the repository:

    git clone https://github.com/neozhu/BlazorPocket.git
    cd BlazorPocket
  2. Add PocketBaseClient subtree:

    git subtree add --prefix pbcodegen https://github.com/iluvadev/PocketBaseClient.git main --squash
  3. Add PocketBase C# SDK subtree:

    git subtree add --prefix sdk https://github.com/iluvadev/pocketbase-csharp-sdk.git master --squash
  4. Setup PocketBase:

    • Download and run PocketBase following the official documentation.
    • Configure the PocketBase instance and make note of the endpoint URL.
    • pocketbase default admin and password
    [email protected]
    admin12345!
    • login with demo and password
  5. Configure the Blazor App:

    • Update the configuration file in the Blazor project to point to your PocketBase instance.
  6. Restore .NET dependencies:

    dotnet restore
  7. Build and run the Blazor App:

    dotnet run

Usage

  • Open your browser and navigate to https://localhost:5001.
  • You should see the BlazorPocket application running.
  • Explore the sample components and understand the integration with PocketBase.

Project Structure

  • /BlazorPocket.Client: Contains the Blazor WebAssembly project.
  • /BlazorPocket.Server: Contains the ASP.NET Core server project.
  • /BlazorPocket.Shared: Contains shared code and models.

Contributing

Contributions are welcome! Please feel free to submit issues, fork the repository, and send pull requests.

  1. Fork the repository.
  2. Create a new feature branch (git checkout -b feature/your-feature).
  3. Commit your changes (git commit -m 'Add your feature').
  4. Push to the branch (git push origin feature/your-feature).
  5. Create a new Pull Request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

  • .NET Team for creating an amazing development framework.
  • PocketBase Team for providing a simple and efficient backend solution.

blazorpocketapp's People

Contributors

neozhu 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.