Comments (3)
@sw-yx is working on a new starter showcase for Gatsby gatsbyjs/gatsby#5334
One thing that is coming out of that will be a YAML file with details about each starter. This could be downloaded into Guppy to power a starter selector UI. We've discussed building a GraphQL API for starter info as well in the future but that's pretty tentative and the YAML file should be perfectly sufficient in the meantime.
from guppy.
Suggestion: it would be nice to give a choice of starters to allow users to bootstrap more complete projects using the GUI.
A first version could just include a choice between different Gatsby starters
Totally agree! I had actually wanted to include this at first, but ultimately I wanted to just ship it and see if the community could help add support for things like that. I imagine rearranging the onboarding a bit so that an icon is chosen before the project type. That way, project type can lead to a new screen that includes a list of possible starters.
Eventually, a more complete solution could allow for more customization using an Ignite boilerplate/plugin (will soon support both React & React Native).
I'm hesitant to go down this road, at least during project initialization. I want to keep the number of choices to a minimum, where the user isn't prompted to make a bunch of choices they may not understand. Starters kinda have to be done right-away, since that's how they work, but things like adding a type-checker can happen whenever, and shouldn't block a project from being created.
I can imagine having another module on the project page, though, for static typing (and any other addons that are valuable). The longer-term vision is for the "Tasks" module to only exist for user-defined scripts; all scripts that come with CRA/Gatsby should have their own little module that can be customized for the task at hand.
One thing that is coming out of that will be a YAML file with details about each starter. This could be downloaded into Guppy to power a starter selector UI. We've discussed building a GraphQL API for starter info as well in the future but that's pretty tentative and the YAML file should be perfectly sufficient in the meantime.
Yay! YAML sounds great, looking forward to it.
from guppy.
OK, I'll have a look at this after finishing the reinstall feature.
I think it should work by adding a Gatsby Starter Selector modal for picking the starter.
The starter search can be done similar to the Dependency Search box with Agolia Instant Search.
I would add the button at the end of the creation flow for Gatsby. But that should be no problem to change later.
The data for search & rendering the infos are picked from starter.yml.
I'll check if I can use Gatsby yaml transformer for converting the yml file to json.
In separation of the UI modal. I'll implement project creation with a starter by adding a url in a text input so the project creation is working (with-out the UI for selecting the starter). Maybe I'm starting with this.
This is blocked by PR #292. Or I'm starting a new branch based on branch refactor-project-types
. I think the refactoring PR is ready. I'm just waiting for an approving review feedback.
So my implementation steps are like this:
- Add starter feature to
create-project.service
& add a minimal UI for the URL - Improve UI by adding modal component
GatsbyStarterSelectionModal
to Gatsby project creation.
from guppy.
Related Issues (20)
- Export to Codesandbox
- Batch start multiple tasks
- Change test script to interactive mode HOT 2
- react-scripts not found HOT 4
- package.json gets wiped and committed sometimes (inconsistent)
- Improve reinstall loading screen status message UI HOT 4
- can't finde local nodejs HOT 2
- Test killProcessId after bumping ps-tree HOT 1
- Improve UX by cancelling blocking tasks or paralleling tasks
- Disable actions that require an internet connection HOT 8
- Node Missing HOT 1
- Confirmation prompt upon exit if the servers are still in running state. HOT 6
- Theming of the UI HOT 4
- Color normalization
- Sidebar reorder blocked by component overlay HOT 9
- Tab-nabbing vulnerability on the guppy5.02.09 CMS HOT 1
- Mark or highlight an outdated dependency HOT 1
- Why only create-react-app or Gatsby projects?
- Templates options
- Is this project dead?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from guppy.