Page History

...

Frontend Installation

1. First, Install all the Installing DSpace (NEW) listed above.

2. Download our "dspace-angular" application (which is the DSpace 7 user interface) using Git.  All you should need to do is the steps in the "Quick Start" at: https://github.com/DSpace/dspace-angular/#quick-start

   Code Block
   # clone the repo git clone https://github.com/DSpace/dspace-angular.git # change directory to our repo cd dspace-angular #

...

1. install the

...

1. local dependencies yarn install

   
   

2. Modify the Frontend configuration to point at your DSpace Backend
   1. By default the Frontend will be configured to use the Demo Backend at https://dspace7.4science.cloud/server/
   2. Modify the "rest" section of the [dspace-angular]/config/environment.default.js configuration file, pointing it at your installed DSpace Backend.  For example:

      
      

      Code Block
      // This example is valid if your Backend is running at http://localhost:8080/server/ rest: { ssl: false, host: 'localhost', port: 8080, // NOTE: Space is capitalized because 'namespace' is a reserved string in TypeScript nameSpace: '/server/api' }

   3. Alternatively, if you want, you can copy the "environment.default.js" to a new file called "environment.prod.js" and modify that new file.

3. Start the application

   Code Block
   # build and start the application yarn start

   
   

   1. To stop the application at any time, use Ctrl + C
4. After a few minutes, the user interface will be running on your local machine. 
   1. Visit http://localhost:3000/
   2. For an example of what the default frontend looks like, visit the Demo Frontend: https://dspace7-demo.atmire.com/